mantine-dev
Installation
SKILL.md
Mantine UI Library
Mantine is a fully-featured React components library with TypeScript support. It provides 100+ hooks and components with native dark mode, CSS-in-JS via CSS modules, and excellent accessibility.
v9.3 Highlights
- New
Splittercomponent (withuse-splitterhook): declarative resizable split-pane layout with horizontal/vertical orientation, collapsible panes, and keyboard navigation.Splitter.Panemust be a direct child ofSplitter. - New component props:
Paginationgainslayout="responsive"(CSS container queries),Text/BlockquotegaintextWrap,CodeHighlightgainswithLineNumbers,OverflowListgainscollapseFrom("start"/"end"),TextareagainsbottomSection(character counters), and the Combobox family (Select,MultiSelect,Autocomplete,TagsInput) supportsfloatingHeight="viewport". DateInputgainspresetsfor quick value selection;Menu.Subsupports controlled open state.9.3.1patch fixes: notification DOM cleanup on close,CollapsekeepMounted,SegmentedControlindicator radius,PinInputplaceholder centering,Treearrow-key navigation skipping hidden nodes,MaskInputwith uncontrolleduse-form, and stableuse-idunder anActivitywrapper.
v9.2.2 Highlights
- Accessibility fixes landed across selection controls and sliders:
Checkbox,Radio, andSwitchnow wire error ids intoaria-describedby, whileSliderandRangeSlidersupportaria-valuetext. - Overlay/input behavior was refined with submenu safe polygon support, duplicate modal-id fixes, PinInput keyboard fixes, and ScrollArea/TreeSelect interaction fixes.
- Patch fixes in
9.2.2coverPilloverflow,Inputsections under localdiroverrides,Selectclear buttons for falsy primitive values, Modal/Drawer/Spotlight attribute types, and saferMenu.Subsafe-area polygon option forwarding. @mantine/hooksuse-masknow preserves undo and cursor position across paste/cut flows, and@mantine/tiptapcontrols avoid errors after the editor is destroyed or not initialized.- Forms and theming were hardened:
@mantine/formhandlers are more stable, default validators no longer force async results unexpectedly, andmergeMantineThemeno longer mutatesDEFAULT_THEME.headings. @mantine/schedulecontinues to mature with better multi-day overlap rendering and corrected positioning forintervalMinutes={60}.