|
@@ -235,8 +235,6 @@ def create_full() -> None:
|
|
ui.button().props('icon=touch_app outline round').classes('shadow-lg')
|
|
ui.button().props('icon=touch_app outline round').classes('shadow-lg')
|
|
ui.label('Stylish!').style('color: #6E93D6; font-size: 200%; font-weight: 300')
|
|
ui.label('Stylish!').style('color: #6E93D6; font-size: 200%; font-weight: 300')
|
|
|
|
|
|
- elements_list = ['ui.label', 'ui.checkbox', 'ui.switch', 'ui.input', 'ui.textarea', 'ui.button']
|
|
|
|
-
|
|
|
|
subheading('Try styling NiceGUI elements!')
|
|
subheading('Try styling NiceGUI elements!')
|
|
ui.markdown('''
|
|
ui.markdown('''
|
|
Try out how
|
|
Try out how
|
|
@@ -246,13 +244,14 @@ def create_full() -> None:
|
|
''').classes('bold-links arrow-links')
|
|
''').classes('bold-links arrow-links')
|
|
with ui.row():
|
|
with ui.row():
|
|
ui.label('Choose your favorite element from those available and start having fun!').classes('mx-auto my-auto')
|
|
ui.label('Choose your favorite element from those available and start having fun!').classes('mx-auto my-auto')
|
|
|
|
+ elements_list = ['ui.label', 'ui.checkbox', 'ui.switch', 'ui.input', 'ui.textarea', 'ui.button']
|
|
select_element = ui.select(options=elements_list, value='ui.button', on_change=lambda: elements_ui.refresh()) \
|
|
select_element = ui.select(options=elements_list, value='ui.button', on_change=lambda: elements_ui.refresh()) \
|
|
.props('dense hide-bottom-space')
|
|
.props('dense hide-bottom-space')
|
|
|
|
|
|
@ui.refreshable
|
|
@ui.refreshable
|
|
def elements_ui():
|
|
def elements_ui():
|
|
with ui.column().classes('w-full items-stretch gap-8 no-wrap min-[1500px]:flex-row'):
|
|
with ui.column().classes('w-full items-stretch gap-8 no-wrap min-[1500px]:flex-row'):
|
|
- with demo.python_window(classes='w-full max-w-[44rem] grow'):
|
|
|
|
|
|
+ with demo.python_window(classes='w-full max-w-[44rem]'):
|
|
with ui.column().classes('w-full gap-4'):
|
|
with ui.column().classes('w-full gap-4'):
|
|
ui.markdown(f'''
|
|
ui.markdown(f'''
|
|
```py
|
|
```py
|