Change Log

3.0.0

DMC v3 is based on Mantine v9, upgrading from Mantine v8.

See live examples and complete changelog in Dash Mantine Components v3 Release

Breaking Changes

See the Mantine v9 migration guide for additional details on upstream changes.

See the Dash Mantine Components Migration Guide for details on migrating Dash apps.

• DMC v3 requires Dash >= 4.5 and React 19.2.4. PR738
• TypographyStylesProvider renamed to Typography. PR738
• Grid: Renamed gutter to gap. PR738
• Popover and Tooltip: Removed positionDependencies. PR738
• Spoiler: Renamed initialState to defaultExpanded. PR746
• Default theme updates for light variant colors, border radius, and font weights. See the migration guide for details.

New Components

• Added Pill component. PR746
• Added Marquee component. PR 753 by @budescode
• Added Splitter: Provides a resizable split-pane layout. PR750 by @datenzauberai

Added

• Collapse: Updated the internal prop from in to expanded. The DMC API continues to use opened. Added orientation="horizontal" and keepMounted. PR738
• Card: Added orientation="horizontal".
• Checkbox.Group: Added maxSelectedValues.
• Input components: Added loading and loadingPosition.
• MultiSelect and TagsInput: Added renderPill and withPillsReorder.
• Clearable inputs: Added clearSectionMode.
• PasswordInput: Added visibilityToggleFocusable.
• ColorInput: Added fullWidth
• Highlight: Added per-term colors, wholeWord, caseInsensitive, and accentInsensitive.
• Pagination: Added startValue, support for input size values, responsive layout, and function support for formatLabel.
• Slider and RangeSlider: Added vertical orientation and support for hidden marks. Slider also adds thumbLabel, thumbProps, and startPointValue. RangeSlider adds thumbLabel, thumbValueText, and hiddenInputProps.
• SimpleGrid: Added minColWidth, autoFlow, and autoRows.
• DatePicker: Added fullWidth to the calendar.
• Date pickers: Added function support for valueFormat and valueFormatter, plus withNativeLevelSupport and yearsSelectRange.
• DateTimePicker: Added type="range".
• MonthPickerInput and YearPickerInput: Added presets.
• TimePicker: Added type="duration" and closes the dropdown when a preset is selected.
• ScrollArea: Added startScrollPosition and verticalScrollbarPosition.
• Stepper, Tree, Accordion, NavLink, and Tabs.Panel: Added keepMounted.
• Stepper: Added labelPosition
• Accordion: Added disableCollapse.
• Indicator: Added maxValue, showZero, and support for offset={{x, y}}.
• NumberInput: Added selectAllOnFocus.
• RingProgress: Added sectionGap, startAngle, and transitionDuration.
• List: Added start and reversed.
• JsonInput: Added indentSpaces.
• Rating: Added allowClear.
• Grid: Added rowGap, columnGap, and GridCol.align.
• Checkbox: Added readOnly and withErrorStyles.
• Spoiler: Added showAriaLabel and hideAriaLabel.
• ColorPicker: Added name and hiddenInputProps.
• MantineProvider: Added useV8CssVariablesResolver and enabled function values for cssVariablesResolver and getRootElement.
• SegmentedControl: Added support for generic and primitive value types.
• Select and MultiSelect: Added support for primitive values.
• MultiSelect: Added support for ComboboxGenericData.
• Tree: Added support for withLines.
• Text and Blockquote: Added textWrap.
• Textarea: Added bottomSection and bottomSectionProps.
• CodeHighlight: Added withLineNumbers, radius, withBorder, and withFirstLineIndentation.
• Combobox: Added floatingHeight.
• Notifications: Added autoClose, withAutoCloseProgress, allowDragDismiss, allowScrollDismiss, pauseOnHover, and layout.
• Tooltip: Added interactive.
• Popover: Added hideDetached, preventPositionChangeWhenVisible, and clickOutsideCapture.
• Hovercard: events, interactive, role and returnFocus
• Timeline: Added opposite and alternate.
• DonutChart and PieChart: Added withLegend, legendProps, and labelsType="name".
• Funnel: Added withLegend and legendProps.
• Heatmap: Added withLegend, legendLabels, and monthLabelsPosition.
• Inputs: Added success state support.
• Chart components: Added accessibilityLayer, withBrush, brushProps, referenceAreas, and referenceDots to shared chart props.
• AreaChart, BarChart, CompositeChart, and LineChart: Added brushDragEnd.

Updated

• Updated to Mantine 9.7.4 and Recharts 3.1.2. PR756
• Updated clickData and hoverData for Recharts v3.
• Updated webpack to handle jsx-runtime for React 19, following Dash PR #3880. Added a runtime error message when React 19 is not used. PR738
• Updated GitHub workflows to use React 19. PR738
• Updated DEFAULT_THEME for Mantine 9. PR746
• ScatterChart: Removed invalid props.
• Simplified state handling in several controlled components. PR752 by AnnMarieW

PRs for Mantine 9 Updates by @AnnMarieW

• #738 Initial update including breaking changes.
• #746 Adding props and new features (mostly from Mantine 9.0.0)
• #748 Adding props and new features (mostly from Mantine 9.1 through 9.7)

Full Changelog: 2.8.1...3.0.0