Spaces:
Running
Running
File size: 1,758 Bytes
8e04495 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 |
import mesop as me
def load(e: me.LoadEvent):
me.set_theme_mode("system")
@me.page(
on_load=load,
security_policy=me.SecurityPolicy(
allowed_iframe_parents=["https://google.github.io", "https://huggingface.co"]
),
path="/box",
)
def app():
with me.box(style=me.Style(background="red", padding=me.Padding.all(16))):
with me.box(
style=me.Style(
background="green",
height=50,
margin=me.Margin.symmetric(vertical=24, horizontal=12),
border=me.Border.symmetric(
horizontal=me.BorderSide(width=2, color="pink", style="solid"),
vertical=me.BorderSide(width=2, color="orange", style="solid"),
),
)
):
me.text(text="hi1")
me.text(text="hi2")
with me.box(
style=me.Style(
background="blue",
height=50,
margin=me.Margin.all(16),
border=me.Border.all(
me.BorderSide(width=2, color="yellow", style="dotted")
),
border_radius=10,
)
):
me.text(text="Example with all sides bordered")
with me.box(
style=me.Style(
background="purple",
height=50,
margin=me.Margin.symmetric(vertical=24, horizontal=12),
border=me.Border.symmetric(
vertical=me.BorderSide(width=4, color="white", style="double")
),
)
):
me.text(text="Example with top and bottom borders")
with me.box(
style=me.Style(
background="cyan",
height=50,
margin=me.Margin.symmetric(vertical=24, horizontal=12),
border=me.Border.symmetric(
horizontal=me.BorderSide(width=2, color="black", style="groove")
),
)
):
me.text(text="Example with left and right borders")
|