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.5 Highlights
- New
Cascadercomponent: select a value from hierarchical data by drilling down through cascading columns, withchangeOnSelect, hover-to-expand, search, and a flat-list layout for mobile. @mantine/chartsgainsSunburstChart(hierarchical data as concentric rings) andBulletChart(a value against a target and qualitative ranges); the area/bar/line/composite charts addwithBrushfor a draggable range-selector, and every chart component now shipsaccessibilityLayer(arrow-key navigation, Enter for tooltips) enabled by default.- Calendar-based date components gain
withNativeLevelSelect, replacing the calendar header's level button with native<select>elements, paired withyearsSelectRange. Timeline.Itemgainsopposite(content on the other side of the line, switching to a centered two-sided layout) andalternate(flips sides per item);FloatingWindowgains aResizeHandlecompound component with adimensionsprop and keyboard resizing;Modal/DrawergainkeepMountedMode('activity'or'display-none');AccordiongainsdisableCollapseto keep one item always open.@mantine/scheduleResourcesDayView/ResourcesWeekViewacceptintervalMinutesgreater than 60 for multi-hour slot columns.9.5.0fixes anautoClosetimer leak in the notifications container.- The official Vite template replaced ESLint/Prettier/
eslint-config-mantinewithoxlint/oxfmtvia the newoxc-config-mantinepackage (internal tooling migration);eslint-config-mantineremains available for projects that keep ESLint.
v9.4 Highlights
- New components:
ComboboxPopover(low-level popover built on the Combobox engine),DataList(key/value description lists),EmptyState(empty/placeholder screens), andMenubar(desktop-style application menu bar). @mantine/schedulegainsResourcesDayViewandResourcesWeekViewfor resource-grouped scheduling layouts.9.4.1patch fixes:@mantine/formcompatibility with the React compiler, Heatmap rendering, and assorted component fixes.