Dash Mantine Components 1.0.0 Release

Dash Python
1

We’re excited to announce Dash Mantine Components (DMC) 1.0.0! :tada:

This release is compatible with both Dash 2 and the upcoming Dash 3. It brings new features and improved performance.

:rocket: Performance Improvements

  • Optimized Rendering (Dash 3): Updates to a single component no longer trigger unnecessary re-renders across multiple components, making apps more efficient (When using with Dash 3.x).
    To see an example of the improvement, see @Datenschubse post on Why dash 3.0 is such a great update.

  • Async Loading for Charts & Code Highlighting:

    • dash_mantine_components.js file size reduced from 2.68 MiB to 823 KiB
    • Faster page load times and improved time-to-first-render. Thanks @emilhe for help on this new feature! :partying_face:

:counterclockwise_arrows_button: Upgrading to DMC 1.0.0

  • If you’re using DMC 0.15 or later, you can upgrade with one breaking change. (2 props removed from Carousel)
    Please refer our Migration Guide for more information.

:warning: Important Notice
DMC versions below 1.0.0 are not compatible with Dash 3.0.0. To ensure compatibility, upgrade to DMC 1.0.0 or pin your Dash version to <3.0.0.

New Components: CheckboxCard & RadioCard

:white_check_mark: CheckboxCard

The CheckboxCard component acts as a customizable alternative to the standard Checkbox, allowing you to create custom cards, buttons, or other elements that function as checkboxes.

:open_book: View CheckboxCard Documentation

:radio_button: RadioCard

Similar to CheckboxCard, the RadioCard component serves as a replacement for Radio, letting you build custom radio-style elements.

:open_book: View RadioGroup Documentation

:military_medal: A huge thank you to @deatkex for contributing these components!
Thanks also to @RenaudLN for helping to get the deselectable feature working with the new RadioCard

:glowing_star: New Feature: Automatic Active Link Highlighting

The active prop in NavLink now supports automatic highlighting based on the current URL—no callbacks required!

This feature mirrors the behavior of NavLink in dash-bootstrap-components, making it easier to manage navigation styling in multi-page apps.

How It Works

  • active="exact" → Active when the pathname exactly matches href.
  • active="partial" → Active when the pathname starts with href, allowing for subpage highlighting.

:open_book: Read More in the NavLink Docs

:tada: Big thanks to @BSd3v for adding this much-requested feature!

:fire: Now Using Mantine 7.17.0

DMC now supports Mantine 7.17.0, the final minor release for Mantine 7.

  • New in 7.17:

  • Tooltip now supports customizing middlewares

  • ScrollArea now supports overscrollBehavior prop

  • Affix now supports theme.spacing values for position prop

  • Anchor now supports underline=“not-hover” option to display underline only when the link is not hovered.

Looking ahead, Mantine 8.0 is expected in May 2025, bringing fewer breaking changes than previous major versions. We plan to start working on a DMC release compatible with Mantine 8 later this year.

For details, see:

:hammer_and_wrench: Fixes & Changes

  • Fixed: Notification now automatically hides when closed, preventing callback errors from re-triggering it. (#523, thanks @BSd3v!)
  • Fixed: Resolved an error in the Alert component when using the duration prop with dash>=3. (#516)
  • Breaking Change Removed draggable and speed prop from Carousel to align with Embla Carousel V8 updates.
    We upgraded to Embal V8 in DMC 0.14.7 to add the autoScroll feature.

:scroll: Past Releases

You can find past release notes and discussions on our GitHub Discussion Releases page.

:raising_hands: Thank You, Contributors!

:military_medal: New Contributors:

Thanks @deadkex

:glowing_star: Returning Contributors

Thanks Again to:

Thanks you also to @ alexcjohnson for reviewing all the pull requests and providing invaluable feedback :slightly_smiling_face:

6 Likes
2

Congratulations @AnnMarieW on this beautiful milestone.

2 Likes
4

Amazing work @AnnMarieW !! :star_struck:

1 Like