Dash Mantine Components new release - 0.11.0a0

[jinnyzor]

To clarify @Sohibjon,

This isn’t spinning because of him passing no update. While the callback is firing, in the order versions, the button was disabled. In the current version, it is not.

[Sohibjon]

is it possible to bring this feature back in future versions? Since I am using dash-mantine-components because of this possibility

[matt1]

So have you moved away from class_name and to className now?

[snehilvj]

Yes. It’s className now.

[matt1]

Okay sounds good. Do you know if dbc will remove the className deprecation as well?

[shwiftyRick]

Hi @snehilvj , is it currently possible to change the text color in dmc.Tabs() object? I see that the selection color of the tab can be changed, but when I try to specify the text color with style={'color': '#FFCC00'} it changes the color of the text within the tab’s content area.

Alternatively, if I specify that inline style on the dmc.TabsList() object, it has no effect. If I inspect the rendered element in the browser, it does look like the change made its way there, but it is overridden, and so I cannot get it to show. Wondering if this is a bug, or just an unsupported feature? Or perhaps I’m just being dumb

Thanks!

[dash-beginner]

Maybe try using the attribute color="yellow.5" to the tabs or tab component, depending on your desired behavior. Take a look at the docs for tabs and you should be able to play around a bit more with the interactive examples.

[ice_kid]

Hello @snehilvj ,

Thank you for the wonderful library. I am currently using it in my project and I have a question pertaining to the stepper component. Currently, I notice that when hovering the mouse over this component, the mouse icon changes to a clickable mouse icon. May I know if this component is clickable? If so, when clicked, which property changes?

[snehilvj]

No it’s not clickable in dmc.

[ice_kid]

I see. Thank you for the clarification.

Are we able to change the behavior such that when the mouse hovers over it, it does not change to the clickable mouse icon?

[ulibussi]

hi great work, I’ve a question in the documentation you have some rangesliders that shows as label tooltip formated values (other than numbers) how’ve you acchieved it?

[martin2097]

Hello @ulibussi !

Can you be more specific and provide the link of the page from documentation and maybe a screenshot of the example you are interested in?

If you mean the labels under the rangeslider they are taken from value - label pair in marks property. However I do not see any of the tooltips formated so I am not sure which example you are refering to.

[ulibussi]

Hi! I refer to the “hints” showed. As far as I know in DMC the hints is called “label” and the label is called “marks”. This is why I said label, sorry if I wasn’t clear.

Almost any page of the documentation have an interactive section where you can change size of the element (and other things). For example here : Dash

Here, the size and radius sliders has “hints” showing other than numbers. I would like to do the same with a rangeslider.

[jinnyzor]

DMC Docs are public, you can go a-hunting for how @snehilvj is doing this:

snehilvj/dmc-docs/blob/main/docs/button/interactive.py

[ulibussi]

i’ve tracked the code, but it ends in the “DemoSlider” component that has no documented Info about “label” attr.
The docs doesn’t have info either.
I think that what I want to do is related with the property “label” in the RangeSlider but it’s not implemented in the python code ( it exists in mantine, check Slider | Mantine section “control label” )

[snehilvj]

There is a separate component called DemoSlider in dmc v 0.12. It’s custom made for this demo purpose.

I have removed this component from dmc v 0.13. This version is still in alpha. In the new docs, I’ll be using the regular slider so you will not see the xs, sm, etc labels when the docs are updated for dmc v 0.13. Hope that solves your doubts.

[ulibussi]

thanks for the answer. So there’s no roadmap to have customisable “labels” in slider?

[AnnMarieW]

@ulibussi
Slider tooltips are available with dcc.Slider.

Slider | Dash for Python Documentation | Plotly

[ulibussi]

@AnnMarieW

with

yes but, as in mantine, it’s not customisable, you only can show the value as tooltip and not other info, let’s say f"{value} °C" or another function of the value.

[hwang]

Thanks for the great work! May I ask is that possible to give some example of how you create table of contents? Like when I click the item, it transfer me to corresponding text/content. Much apprieciated