gpuikit 0.7.0

A UI toolkit for GPUI applications
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

//! Label component for form field labels

use crate::theme::{ActiveTheme, Themeable};
use gpui::{
    div, prelude::FluentBuilder, rems, App, Div, ElementId, FontWeight, IntoElement, ParentElement,
    RenderOnce, SharedString, Styled, Window,
};

/// Creates a label with the given text
pub fn label(text: impl Into<SharedString>) -> Label {
    Label::new(text)
}

/// A label component for form fields and text labeling
#[derive(IntoElement)]
pub struct Label {
    text: SharedString,
    for_id: Option<ElementId>,
    required: bool,
    disabled: bool,
}

impl Label {
    /// Create a new label with the given text
    pub fn new(text: impl Into<SharedString>) -> Self {
        Label {
            text: text.into(),
            for_id: None,
            required: false,
            disabled: false,
        }
    }

    /// Associate this label with a specific element ID
    pub fn for_id(mut self, id: impl Into<ElementId>) -> Self {
        self.for_id = Some(id.into());
        self
    }

    /// Mark this label as required, showing an indicator (asterisk)
    pub fn required(mut self, required: bool) -> Self {
        self.required = required;
        self
    }

    /// Set the disabled state of the label
    pub fn disabled(mut self, disabled: bool) -> Self {
        self.disabled = disabled;
        self
    }
}

impl RenderOnce for Label {
    fn render(self, _window: &mut Window, cx: &mut App) -> impl IntoElement {
        let theme = cx.theme();

        let text_color = if self.disabled {
            theme.fg_disabled()
        } else {
            theme.fg()
        };

        div()
            .flex()
            .items_center()
            .gap(rems(0.25))
            .text_sm()
            .font_weight(FontWeight::MEDIUM)
            .text_color(text_color)
            .child(self.text)
            .when(self.required, |this: Div| {
                this.child(div().text_color(theme.danger()).child("*"))
            })
    }
}