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
const GREETING = "Hello "
// zz
component Main():
Center(width="100%", gap=32)[
Column(
direction="column",
main="center",
border_color="#555555",
border=2,
)[
Column(width="auto") [
for(idx, val in ["Hello", "World"]) [
Text(
text="${idx}. ${val}",
color="#0d58a3",
max_lines=5,
ellipsis=true,
max_width=150,
font_size=16,
)
]
for(val in ["Pen", "Pine", "Apple", "MacBook"]) [
if(val[0] == "M") [
Text(
text="${val}",
color="#0d58a3",
max_lines=5,
ellipsis=true,
max_width=150,
font_size=16,
)
]
]
]
]
Text(
text=repeat(GREETING, 2),
font_family="Hellozz",
font_weight="bold"
)
]