boltz-ui 0.2.9

High-level reusable GPUI UI components (Label, Button, Input, etc.).
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

use gpui::{AnyElement, FontWeight};
use smallvec::SmallVec;

use crate::prelude::*;

/// A styled keyboard key chip, mirroring shadcn's `<kbd>`.
#[derive(IntoElement, RegisterComponent)]
pub struct Kbd {
    label: SharedString,
}

impl Kbd {
    pub fn new(label: impl Into<SharedString>) -> Self {
        Self {
            label: label.into(),
        }
    }
}

impl RenderOnce for Kbd {
    fn render(self, _window: &mut Window, cx: &mut App) -> impl IntoElement {
        div()
            .flex()
            .flex_none()
            .items_center()
            .justify_center()
            .h(px(20.))
            .min_w(px(20.))
            .px_1p5()
            .rounded_md()
            .border_1()
            .border_color(semantic::border(cx))
            .bg(semantic::secondary_bg(cx))
            .text_color(semantic::text_muted(cx))
            .child(
                Label::new(self.label)
                    .size(LabelSize::XSmall)
                    .weight(FontWeight::MEDIUM),
            )
    }
}

/// Groups multiple [`Kbd`] chips for shortcut combos (e.g. ⌘ + K).
#[derive(IntoElement)]
pub struct KbdGroup {
    children: SmallVec<[AnyElement; 4]>,
}

impl KbdGroup {
    pub fn new() -> Self {
        Self {
            children: SmallVec::new(),
        }
    }
}

impl Default for KbdGroup {
    fn default() -> Self {
        Self::new()
    }
}

impl ParentElement for KbdGroup {
    fn extend(&mut self, elements: impl IntoIterator<Item = AnyElement>) {
        self.children.extend(elements);
    }
}

impl RenderOnce for KbdGroup {
    fn render(self, _window: &mut Window, _cx: &mut App) -> impl IntoElement {
        h_flex().gap_1().items_center().children(self.children)
    }
}

impl Component for Kbd {
    fn scope() -> ComponentScope {
        ComponentScope::Typography
    }

    fn description() -> Option<&'static str> {
        Some("A styled keyboard key chip for displaying shortcuts.")
    }

    fn preview(_window: &mut Window, _cx: &mut App) -> Option<AnyElement> {
        Some(
            v_flex()
                .gap_4()
                .child(Kbd::new("⌘"))
                .child(Kbd::new("Shift"))
                .child(KbdGroup::new().child(Kbd::new("⌘")).child(Kbd::new("K")))
                .into_any_element(),
        )
    }
}