Version v7.14.0 | Mantine

New AngleSlider component:

New RadialBarChart component:

New FunnelChart component:

New Modal.Stack and Drawer.Stack components simplify usage of multiple modals/drawers at the same time.

Use Modal.Stack component to render multiple modals at the same time. Modal.Stack keeps track of opened modals, manages z-index values, focus trapping and closeOnEscape behavior. Modal.Stack is designed to be used with useModalsStack hook.

Differences from using multiple Modal components:

useModalsStack hook provides an easy way to control multiple modals at the same time. It accepts an array of unique modals ids and returns an object with the following properties:

Example of using useModalsStack with Modal component:

Slider component now supports restrictToMarks prop that restricts slider value to marks only. Note that in this case step prop is ignored:

BarChart now can be used with SVG pattern fill:

Recommended articles