## Version 2.8.0  
Release announcement for Dash Mantine Components v2.8.0  
Category: Releases  

Jun 9, 2026  

Based on Mantine 8.3.18

See the full [Changelog](https://github.com/snehilvj/dash-mantine-components/releases/tag/2.8.0)  

### FunnelChart

The new [FunnelChart](/components/funnelchart) is based on the [FunnelChart recharts component](https://recharts.org/en-US/api/FunnelChart):


```python
import dash_mantine_components as dmc
from .data import data

component=dmc.FunnelChart(data=data)
```
### Heatmap

The new [Heatmap](/components/heatmap) component is used to display data in a table where each column represents a week:


```python
import dash_mantine_components as dmc
from .data import data

component = dmc.Heatmap(
    data=data,
    startDate="2024-02-16",
    endDate="2025-02-16"
)
```
It also supports split months:

```python
import dash_mantine_components as dmc
from .data import data

component = dmc.Heatmap(
    data=data,
    startDate="2024-02-16",
    endDate="2025-02-26",
    withMonthLabels=True,
    splitMonths=True
)
```
### RadarChart updates

`RadarChart` now supports  [functions as props](/functions-as-props) passed to Recharts components, making it possible to use custom components and advanced chart customization.
Also added new props: `withTooltip`, `tooltipProps`, `tooltipAnimationDuration`, `withDots`, `dotProps`, `activeDotProps`.


#### Recharts props available for RadarChart

To pass props down to the underlying Recharts components, use the following props:
- `radarProps` passed props to [RadarChart](https://recharts.org/en-US/api/RadarChart) component
- `radarChartProps` passed props to [RadarChart](https://recharts.org/en-US/api/RadarChart) component
- `polarGridProps` passed props to [PolarGrid](https://recharts.org/en-US/api/PolarGrid) component
- `polarAngleAxisProps` passed props to [PolarAngleAxis](https://recharts.org/en-US/api/PolarAngleAxis) component
- `polarRadiusAxisProps` passed props to [PolarRadiusAxis](https://recharts.org/en-US/api/PolarRadiusAxis) component
- Also available:  `legendProps`, `dotProps`, `activeDotProps`, `tooltipProps`

The following example demonstrates passing functions as props to Recharts components. In this case, props are passed to the `PolarRadiusAxis` component.

```python
import dash_mantine_components as dmc


data = [
    {"product": "Apples", "sales_january": 12000, "sales_february": 10000},
    {"product": "Oranges", "sales_january": 9800, "sales_february": 9000},
    {"product": "Tomatoes", "sales_january": 8600, "sales_february": 7000},
    {"product": "Grapes", "sales_january": 9900, "sales_february": 8000},
    {"product": "Bananas", "sales_january": 8500, "sales_february": 12000},
    {"product": "Lemons", "sales_january": 6500, "sales_february": 15000},
]

component = dmc.RadarChart(
    h=300,
    data=data,
    dataKey="product",
    withPolarRadiusAxis=True,
    polarRadiusAxisProps={"angle": 30, "tickFormatter": {"function": "formatNumberIntl"}},
    series=[
        {"name": "sales_january", "color": "lime.4", "opacity": 0.1},
        {"name": "sales_february", "color": "cyan.4", "opacity": 0.1},
    ],
)
```

```javascript
var dmcfuncs = window.dashMantineFunctions = window.dashMantineFunctions || {};

dmcfuncs.formatNumberIntl = (value) => {
  return new Intl.NumberFormat('en-US').format(value);
};
```

#### RadarCharts with tooltips and dots
New props in this release:  `withTooltip`, `tooltipProps`, `tooltipAnimationDuration`, `withDots`, `dotProps`, `activeDotProps`.

```python
import dash_mantine_components as dmc

data = [
    {"product": "Apples", "sales_january": 120, "sales_february": 100},
    {"product": "Oranges", "sales_january": 98, "sales_february": 90},
    {"product": "Tomatoes", "sales_january": 86, "sales_february": 70},
    {"product": "Grapes", "sales_january": 99, "sales_february": 80},
    {"product": "Bananas", "sales_january": 85, "sales_february": 120},
    {"product": "Lemons", "sales_january": 65, "sales_february": 150},
]

component = dmc.RadarChart(
    h=300,
    data=data,
    dataKey="product",
    series=[
        {"name": "sales_january", "color": "lime.4", "opacity": 0.1},
        {"name": "sales_february", "color": "cyan.4", "opacity": 0.1},
    ],
    withTooltip=True,
    withDots=True,
)
```
### Other notable changes

- Fixed an issue where `dcc.Markdown` could override the dark theme styling of `CodeHighlight` components.
- Added the `getStyleNonce` prop to `MantineProvider`
- `BarChart` now supports custom label components in the `valueLabelProp` property. Special thanks to first time contributor @almostBurtMacklin for adding this feature!


### Important version information

Dash Mantine Components v2.x is built on Mantine v8. When referring to the upstream Mantine documentation, please use
[Mantine v8](https://v8.mantine.dev/).  Avoid the Mantine v9 documentation, as it includes breaking changes that are
not compatible with DMC v2.x.