boltz-ui 0.1.1

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
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
124

use smallvec::SmallVec;

use crate::{Modal, ModalFooter, ModalHeader, prelude::*};

/// A thin preset on [`Modal`] with Action/Cancel footer slots.
///
/// Does not duplicate `modal.rs` internals — composes `ModalHeader` and
/// `ModalFooter` with fixed action/cancel buttons.
#[derive(IntoElement, RegisterComponent)]
pub struct AlertDialog {
    id: SharedString,
    title: SharedString,
    description: Option<SharedString>,
    children: SmallVec<[AnyElement; 2]>,
    action_label: SharedString,
    cancel_label: SharedString,
    destructive: bool,
}

impl AlertDialog {
    pub fn new(id: impl Into<SharedString>, title: impl Into<SharedString>) -> Self {
        Self {
            id: id.into(),
            title: title.into(),
            description: None,
            children: SmallVec::new(),
            action_label: "Continue".into(),
            cancel_label: "Cancel".into(),
            destructive: false,
        }
    }

    pub fn description(mut self, description: impl Into<SharedString>) -> Self {
        self.description = Some(description.into());
        self
    }

    pub fn action_label(mut self, label: impl Into<SharedString>) -> Self {
        self.action_label = label.into();
        self
    }

    pub fn cancel_label(mut self, label: impl Into<SharedString>) -> Self {
        self.cancel_label = label.into();
        self
    }

    pub fn destructive(mut self, destructive: bool) -> Self {
        self.destructive = destructive;
        self
    }
}

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

impl RenderOnce for AlertDialog {
    fn render(self, _window: &mut Window, _cx: &mut App) -> impl IntoElement {
        let mut header = ModalHeader::new()
            .headline(self.title)
            .show_dismiss_button(false);
        if let Some(description) = self.description {
            header = header.description(description);
        }

        let action = self.action_label.clone();
        let cancel = self.cancel_label.clone();
        let destructive = self.destructive;

        div().w(px(440.)).child(
            Modal::new(self.id, None)
                .header(header)
                .children(self.children)
                .footer(
                    ModalFooter::new().end_slot(
                        h_flex()
                            .gap_2()
                            .child(Button::new("alert-cancel", cancel.clone()).color(Color::Muted))
                            .child({
                                let btn = Button::new("alert-action", action.clone());
                                if destructive {
                                    btn.danger()
                                } else {
                                    btn.primary()
                                }
                            }),
                    ),
                ),
        )
    }
}

impl Component for AlertDialog {
    fn scope() -> ComponentScope {
        ComponentScope::Overlays
    }

    fn description() -> Option<&'static str> {
        Some("A modal alert preset with action and cancel buttons, built on Modal.")
    }

    fn preview(_window: &mut Window, _cx: &mut App) -> Option<AnyElement> {
        Some(
            v_flex()
                .gap_6()
                .child(
                    AlertDialog::new("alert-basic", "Are you absolutely sure?")
                        .description("This action cannot be undone.")
                        .action_label("Continue")
                        .cancel_label("Cancel"),
                )
                .child(
                    AlertDialog::new("alert-destructive", "Delete account?")
                        .description("This will permanently delete your account and all data.")
                        .action_label("Delete")
                        .destructive(true),
                )
                .into_any_element(),
        )
    }
}