Dash mantine components inputs not highlighting the selected options

I’m just trying out some of the dash-mantine-components that look super cool. But I’ve tried a few of the input options and they don’t look the same as in the docs. The radio buttons, for example, don’t turn blue when selected but I’ve tried adding the “value” to a text component and everything is working correctly on the backend. I’ve also tried the SegmentedControl input component and the text changes to a v.v.v. slightly bolder font but the docs show a white rectangle shape on the selected option. The docs don’t show any additional formatting options nor callbacks needed to achieve either of these visual elements so not sure what is going on.

Hi @drmatt and welcome to the Dash community.

Did you wrap the layout in a dmc.MantineProvider ?

More info here:

Yes I wrapped the layout. I also set the react version using _dash_renderer._set_react_version("18.2.0") which I read was necessary somewhere else. All the elements “work” they just don’t look the same as in the documents

This has weirdly started working this morning. All good!

1 Like

Glad you got it working!
Sometimes it helps to clear the browser cache