jprdonnelly/pyscript
1
0
Fork 0
mirror of https://github.com/pyscript/pyscript.git synced 2025-12-23 12:12:59 -05:00
Code Issues Projects Releases Wiki Activity

Merge branch 'poc_ui_blocks' of github.com:pyscript/pyscript into poc_ui_blocks

Browse Source
This commit is contained in:
Fabio Pliger
2024-01-31 17:30:22 -06:00
parent 275c3dcc5d a702518cda
commit ac1cf5fe66
6 changed files with 66 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
pyscript.core/test/ui/demo.py
View File

@@ -1,14 +1,12 @@
from textwrap import dedent
import examples
from pyscript import when, window
from pyweb import pydom
from pyweb.ui import elements as el
from pyweb.ui import shoelace
from pyweb.ui.markdown import markdown
import examples
# Style dictionary for code blocks
STYLE_CODE_BLOCK = {"text-align": "left", "background-color": "#eee", "padding": "20px"}
@@ -16,6 +14,7 @@ STYLE_CODE_BLOCK = {"text-align": "left", "background-color": "#eee", "padding":
# First thing we do is to load all the external resources we need
shoelace.load_resources()
# Let's define some convenience functions first
def create_component_details(component):
"""Create a component details card.
@@ -314,8 +313,8 @@ left_div.append(shoe_components_text)
left_div.append(shoelace.Divider(style={"margin-top": "5px", "margin-bottom": "30px"}))
# Create the links to the components on th left panel
print("SHOELACE EXAMPLES", examples.kits['shoelace'])
for component in examples.kits['shoelace']:
print("SHOELACE EXAMPLES", examples.kits["shoelace"])
for component in examples.kits["shoelace"]:
add_component_section(component, left_div)