You can now sponsor Mantine development with OpenCollective . All funds are used to improve Mantine and create new features and components.
You now can pass attributes to inner elements of all components that support Styles API with attributes prop. For example, it can be used to add data attributes for testing purposes:
Container now supports strategy="grid" prop which enables more features.
Differences from the default strategy="block" :
Features supported by strategy="grid" :
Example of using breakout feature:
New Tooltip target prop is an alternative to children . It accepts a string (selector), an HTML element or a ref object with HTML element. Use target prop when you do not render tooltip target as JSX element.
Example of using target prop with a string selector:
HoverCard now supports delay synchronization between multiple instances using HoverCard.Group component:
New use-selection hook:
Select and Autocomplete components now support autoSelectOnBlur prop. Use it to automatically select the highlighted option when the input loses focus. To see this feature in action: select an option with up/down arrows, then click outside the input:
RichTextEditor now supports source edit mode:
You can now use the latest Recharts 3 version with Mantine charts. @mantine/charts package was validated to work with both Recharts 2 and Recharts 3 versions. Note that, there might still be some minor issues with Recharts 3, you are welcome to report issues on GitHub.