English| 简体中文
toolkit for NiceGUI
pip install niceguiToolkit -U
Visual Style Settings
Tailwindcss auto completion support
- Jump to source code
- Visual layout style settings
- Generate code to source files
- Support for tailwindcss
- Auto-completion suggestions
- Full-text search
- Preview available; the interface displays the real-time effect when candidates are selected
- generate props settings for each component
- Custom settings
In your program's entry file, call the inject_layout_tool
method
from nicegui import ui
from nicegui_toolkit import inject_layout_tool
# make sure to call this method before creating any UI components
inject_layout_tool()
ui.label("label")
ui.label("label with style").style("width:80%;")
with ui.card(), ui.card().style(""):
ui.input("user name", placeholder="enter your name:")
ui.label("xxxx").style("width:500px;")
ui.input("password", placeholder="enter your password:").style(
"font-size:1.7rem;color:#a12d2d"
)
ui.run()
If you are using PyCharm:
from nicegui import ui
from nicegui_toolkit import inject_layout_tool
inject_layout_tool(ide="pycharm")
...