seru 0.1.0

simple image renderer
Documentation 
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

component PollOption(label, value, fill):
    Stack(width="100%", height=64, radius=16, background="#eeeeee", place_x="start")[
        Box(width="${value}%", height="100%", background=fill, radius=16)[]
        Row(
            width="100%",
            height="100%",
            padding="0 26",
            main="between",
            cross="center"
        )[
            Text(text=label, font_size=24, font_weight="medium", color="#111111")
            Text(text="${value}%", font_size=22, color="#111111")
        ]
    ]

component Main():
    Center(width="100%", height="100%", background="#ffffff", gap=28, padding=16)[
        Column(width="100%", gap=20)[
            PollOption(
                label="1",
                value=54,
                fill="#d8d0fb"
            )

            PollOption(
                label="2",
                value=38,
                fill="#7c35e8",
            )

            PollOption(
                label="3",
                value=8,
                fill="#d8d0fb"
            )

            PollOption(
                label="4",
                value=0,
                fill="#d8d0fb"
            )
        ]

        Text(
            text="정답률 38%",
            font_size=20,
            font_weight="bold",
            color="#111111"
        )
    ]