blaeck 0.4.0

A component-based terminal UI framework for Rust
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123

use blaeck::prelude::*;

pub fn build_ui() -> Element {
    Element::node::<Box>(
        BoxProps {
            flex_direction: FlexDirection::Column,
            padding: 1.0,
            ..Default::default()
        },
        vec![
            Element::node::<Text>(
                TextProps {
                    content: "Table Component Demo".into(),
                    bold: true,
                    color: Some(Color::Cyan),
                    ..Default::default()
                },
                vec![],
            ),
            Element::text(""),
            Element::node::<Divider>(
                DividerProps::new()
                    .label("Basic Table")
                    .color(Color::DarkGray),
                vec![],
            ),
            Element::text(""),
            Element::node::<Table>(
                TableProps::new(vec![
                    vec!["Alice", "alice@example.com", "Admin"],
                    vec!["Bob", "bob@example.com", "User"],
                    vec!["Charlie", "charlie@example.com", "User"],
                ])
                .header(vec!["Name", "Email", "Role"])
                .fixed_widths([12, 25, 10])
                .header_color(Color::Cyan)
                .border(BorderStyle::Round)
                .border_color(Color::DarkGray),
                vec![],
            ),
            Element::text(""),
            Element::node::<Divider>(
                DividerProps::new()
                    .label("Striped Rows")
                    .color(Color::DarkGray),
                vec![],
            ),
            Element::text(""),
            Element::node::<Table>(
                TableProps::new(vec![
                    vec!["1", "Rust", "Systems"],
                    vec!["2", "Python", "Scripting"],
                    vec!["3", "JavaScript", "Web"],
                    vec!["4", "Go", "Backend"],
                    vec!["5", "C++", "Performance"],
                ])
                .header(vec!["#", "Language", "Domain"])
                .fixed_widths([5, 15, 15])
                .striped()
                .header_color(Color::Yellow)
                .header_bold(true),
                vec![],
            ),
            Element::text(""),
            Element::node::<Divider>(
                DividerProps::new()
                    .label("Styled Cells")
                    .color(Color::DarkGray),
                vec![],
            ),
            Element::text(""),
            Element::node::<Table>(
                TableProps::new(vec![
                    Row::new(vec![
                        TableCell::new("Active").color(Color::Green).bold(),
                        TableCell::new("web-server-01"),
                        TableCell::new("100%"),
                    ]),
                    Row::new(vec![
                        TableCell::new("Warning").color(Color::Yellow).bold(),
                        TableCell::new("db-primary"),
                        TableCell::new("85%"),
                    ]),
                    Row::new(vec![
                        TableCell::new("Down").color(Color::Red).bold(),
                        TableCell::new("cache-node-03"),
                        TableCell::new("0%"),
                    ]),
                    Row::new(vec![
                        TableCell::new("Active").color(Color::Green).bold(),
                        TableCell::new("api-gateway"),
                        TableCell::new("72%"),
                    ]),
                ])
                .header(vec!["Status", "Server", "CPU"])
                .fixed_widths([10, 20, 8])
                .header_color(Color::Magenta)
                .border(BorderStyle::Single),
                vec![],
            ),
            Element::text(""),
            Element::node::<Divider>(
                DividerProps::new()
                    .label("Minimal Style")
                    .color(Color::DarkGray),
                vec![],
            ),
            Element::text(""),
            Element::node::<Table>(
                TableProps::new(vec![
                    vec!["GET", "/api/users", "200"],
                    vec!["POST", "/api/login", "201"],
                    vec!["DELETE", "/api/users/5", "404"],
                ])
                .header(vec!["Method", "Endpoint", "Status"])
                .fixed_widths([8, 20, 8])
                .header_color(Color::White)
                .column_spacing(3),
                vec![],
            ),
        ],
    )
}