|
@@ -222,7 +222,7 @@ def create_full() -> None:
|
|
|
NiceGUI uses the [Quasar Framework](https://quasar.dev/) version 1.0 and hence has its full design power.
|
|
|
Each NiceGUI element provides a `props` method whose content is passed [to the Quasar component](https://justpy.io/quasar_tutorial/introduction/#props-of-quasar-components):
|
|
|
Have a look at [the Quasar documentation](https://quasar.dev/vue-components/button#design) for all styling props.
|
|
|
- You can also apply [TailwindCSS](https://tailwindcss.com/) utility classes with the `classes` method.
|
|
|
+ You can also apply [Tailwind CSS](https://tailwindcss.com/) utility classes with the `classes` method.
|
|
|
|
|
|
If you really need to apply CSS, you can use the `styles` method. Here the delimiter is `;` instead of a blank space.
|
|
|
|
|
@@ -233,8 +233,8 @@ def create_full() -> None:
|
|
|
ui.button().props('icon=touch_app outline round').classes('shadow-lg')
|
|
|
ui.label('Stylish!').style('color: #6E93D6; font-size: 200%; font-weight: 300')
|
|
|
|
|
|
- @text_demo('TailwindCSS', '''
|
|
|
- [TailwindCSS](https://tailwindcss.com/) is a CSS framework for rapidly building custom user interfaces.
|
|
|
+ @text_demo('Tailwind CSS', '''
|
|
|
+ [Tailwind CSS](https://tailwindcss.com/) is a CSS framework for rapidly building custom user interfaces.
|
|
|
NiceGUI provides a fluent, auto-complete friendly interface for adding Tailwind classes to UI elements.
|
|
|
|
|
|
You can discover available classes by navigating the methods of the `tailwind` property.
|