📣 Dash Mantine Components new release 0.14.6

[AnnMarieW]

I’m pleased to announce the release of dash-mantine-components version 0.14.6, packed with new features, enhancements, and bug fixes. This release wouldn’t be possible without the contributions from our fantastic community, and 'd like to extend a big thank you to everyone involved!

See the full Release Notes on the dmc GitHub

What’s New in 0.14.6?

New Features

• Autoplay for Carousel: You can now enable autoplay for the Carousel component. This makes it possible to create smooth, automatic transitions between slides. Thanks to @mmarfat for the PR (#316) and the Carousel Autoplay docs
  

• active Prop for Carousel: With the new active prop, you can trigger callbacks based on the currently displayed slide in the Carousel. (#354). See an example in the docs

• ChipGroup Component: The popular Chip and ChipGroup components are available once again! It was tricky to implement in Dash given the changes made in Mantine V7. It took the skills of @RenaudLN, @BSd3v and @alexcjohnson to get PRs #327 and #355 across the finishline. See the new Chip Component Docs
  

  
  
  
  

• Chart Improvements: New props have been added to the charts, allowing for features like figure animation and a right Y-axis. This opens up more dynamic and flexible charting options. (#349) It’s available for all chart types - here’s an example in the docs for the Bar Chart Animation

• Deselectable RadioGroup and ChipGroup: Now, RadioGroup and ChipGroup (in single-select mode) support a deselectable argument, allowing users to reset their selection. A huge thanks to @RenaudLN for implementing this. (#351)
  Check it out in the Chip section of the docs

Fixes

• The Popover component now triggers callbacks when its opened prop changes. (#353)
• Stepper Component: You can now navigate the steps in the Stepper by clicking on the step buttons. (#352, thanks again to @RenaudLN)

Other Notable Fixes and Changes

• We’ve excluded the loading_state prop from the DOM and added a data-dash-is-loading attribute, which lets you add custom CSS for loading states. (#325)
• Package size has been reduced by removing the 5MB metadata.json file. This helps optimize performance. (#357)
• Added GitHub actions workflow for automated tests in PRs #333. Thanks for setting up Dash Testing for this library @BSd3v. This puts us on the path for a major release for dmc.

New examples in the Docs

Custom Loading Overlay

Thanks to @pip-install-python for the custom loading overlay example.

Waterfall chart

Mixed Bar Chart

Right Y Axis

Scatter Point Labels

Thank you contributors

Thanks again to everyone who contributed to this release! Special thanks to @alexcjohnson for reviewing pull requests. Their extensive knowledge of Dash brings invaluable
insights, ensuring the project’s stability and elevating its overall quality to the next level.

[adamschroeder]

The ChipGroup components are back

So many good updates with this release. Thank you @AnnMarieW and the DMC community for contributing to this wonderful library

@AnnMarieW if other people would like to contribute to the DMC development, where do you recommend they go?

[AnnMarieW]

@adamschroeder

if other people would like to contribute to the DMC development, where do you recommend they go?

Great question! The Dash Mantine Components library is growing, and we welcome contributions from the community. Here are some ways you can help:

1.Component Development

• If you find any issues or have ideas for new features, open an Issue on GitHub.
• If you’d like to contribute code, you can do so by submitting a Pull Request on GitHub. An easy way to get started is to look for the “Good First Issue” tag.
• GitHub - snehilvj/dash-mantine-components: Plotly Dash components based on Mantine React Components. Don’t forget to give it a

2. Contribute to the Documentation

If React and TypeScript aren’t your thing, you can still make a big impact by helping with the documentation! The docs are built with Dash and the Dash Mantine Components library.

Our documentation is based on the upstream Mantine docs. Our goal is to keep things in sync, so if you notice missing content or things that need fixing, we’d love your help!

Contributing to the docs is easy. Each page has a folder with content in .md files and example apps in .py files. You can check it out here.

3. Join the DMC Community

Join us on the DMC Discord to chat with other contributors, ask questions, and stay updated on the latest developments.