Release 0.15.1 #435

AnnMarieW · 2024-11-25T03:43:04Z

AnnMarieW
Nov 25, 2024
Collaborator Sponsor

📣 0.15.1 Release

We’re thrilled to announce the release of Dash Mantine Components 0.15.1. You'll find lots of new features, component updates, fixes, and documentation enhancements. Let’s dive into the highlights!

🎨 New Features

🌟 Plotly Figure Templates with Mantine Themes

Dash Mantine Components now includes Mantine-themed Plotly figure templates to style your figures with colors, fonts, and layouts that match Mantine’s design system. Use the mantine_light or mantine_dark templates when using the Mantine light or dark color schemes. It's also possible to customize the templates too!

Here’s how you can use them:

# Adds 'mantine_light' and 'mantine_dark' figure templates
dmc.add_figure_templates()

px.histogram(
    dff, x='lifeExp', 
    title='2007 Distribution of Life Expectancy', 
    template="mantine_dark"
)

👉 Explore live demos:

template="mantine_light"

template="mantine_dark"

Plotly Figure Templates with a custom Mantine Theme

Learn how to create Plolty Figure templates based on your custom Mantine theme. These figure templates were
created for a Mantine theme with the primary color of green.

For more details and examples see the Figure Template documentation

🌀 New SemiCircleProgress Component

Visualize progress with the SemiCircleProgress component!

📖 Check out the SemiCircleProgress documentation for details.

🎭 Auto-Generated Colors for Avatars

The Avatar component now can automatically generates colors based on the user’s name.

💡 See examples in the Avatar documentation.

📈 LineChart with gradient

💡 Learn more: LineChart Gradient documentation

🍔 Added `lineSize` prop to `Burger`

#432 by @ChinoUkaegbu 🙏

Now you can control both the size of the Burger component and the lineSize (width of the lines)

📖 Try it in the Burger documentation.

✅ More New Props

Added acceptValueOnBlur to TagsInput .
Added hideWithOnePage prop to Pagination which hides pagination when there is only one page.
Added disabled prop to Radio #427 by @namakshenas

🛠️ Fixed

Popover - enabled the popover to close when clicking outside Fix closeOnClickOutside for the Popover component #423 by @magicmq
Fixed Issue #413 where the increment/decrement buttons didn't work correctly when the NumberInput value is a number represented by a string. This was fixed upstream in Mantine 7.14.2
Fixed Issue #439 where the Slider did not respect the restrictToMarks with keyboard inputs. This was fixed upstream in Mantine 7.14.3
Enabled searchValue in the MultiSelect component to be updated in a callback #441. This fix makes it easy to select multiple items based on the same search criteria.

📖 New in the Docs

Help Center

The new Help Center section has lots of helpful links to additional examples hosted on PyCafe and available in the help_center folder in the dmc-docs GitHub.

TagsInput

The TagsInput component is similar to MultiSelect but allows users to add new options by typing them directly into the input field. This section has been updated with 18 new examples!

Styles API section

Learn how to fine tune the style of your app to make it pixel perfect! See the all new Styles API section

ActionIcon section

Updated this section of the docs to add more examples, such as how to add gradient, and custom variants. Also included an example of the ActionIconGroup component.

AppShell section

Now with 8 new quick start examples. Here are a few samples:
See all the examples with links to code in GitHub or live apps hosted on PyCafe in the AppShell section