Mantine 2.3.0 is out
Mantine 2.3.0 is out
New dark theme
Dark theme colors were adjusted in all components to have better contrast, overall all theme.colors.dark colors are darker now.
Popper.js integration
Components that use any kind of overlay are now powered by popper.js. Full list of components that were migrated:
New components
- ColorPicker – inline color picker, includes Hue and Alpha sliders exports
- ColorInput – input with color picker, supports hex, rgba and hsla color formats
- Popper – wrapper component to work with popper.js
Other changes
- Group component now support
withGutterprop to add spacing to all sides of group (built by @achmurali) - use-click-outside now has an API to handle multiple nodes
- Transition component was migrated to native implementation – it does not depend on react-transition-group any more (#93)
- ColorSwatch component now supports transparent colors and has better contrast for light colors
- GlobalStyles component now sets
box-sizing: border-boxon all elements - Dropdown styles of Select, MultiSelect and Autocomplete components were adjusted to match other components design
- Slider component has new thumb styles
Don't miss what's next. Subscribe to Mantine monthly: