Custom CSS not working in some Bootstrap v1 components?

Hi all, wondering if anyone is experiencing this or has a solution. In the latest Dash Bootstrap (1.0.0b3), the color argument in Progress bar components doesn’t seem to change when I supply a hex code or something custom. Same thing for the text_color argument in Badge components, when you set color to white.

Hi @nlyle

I can verify that the text_color prop in dbc.Badge currently accepts only the following options:

'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark'

It would be good to open an issue in GitHub so either the component or the documentation can be updated.

In the meantime, you can use the style property:
style={“color”:“red”}

1 Like

That’s it! I needed to pass a color to style={}. I think it was confusing to look at and arg named color and a similarly named property in the style dict. I might open an issue in GitHub just for the sake of readability. Thank you!

1 Like