Replies: 5 comments 3 replies
-
Now I get it. css and tailwind seems to have no effect. props("color=black") is working. |
Beta Was this translation helpful? Give feedback.
-
Changing 'color' in CSS .style will change the font color. You can access the Quasar based color palette in NiceGUI with '.classes('bg-primary')' and "primary" is the component color name which can be changed for one of these, e.g. "secondary", "info", "dark" - |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
Is there a way to change the color on hover? I didn't find anything in Quasar's button documentation. |
Beta Was this translation helpful? Give feedback.
-
I tried this with tailwind colors. It is not applying colors. ui.button('Button').classes('bg-slate-100 text-slate-950') # Not working. This is setting css `bg-color` prop
ui.button('Button').classes('bg-red') # Working! This is setting css `background` prop
ui.run(dark=None) |
Beta Was this translation helpful? Give feedback.
-
Question
I am new to NICEGUI. Can anyone please help me with how to change button color?
ui.button(text=s).props("flat").style("color:black;")
Beta Was this translation helpful? Give feedback.
All reactions