Fieldset

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
29use herogpui::prelude::{Button, FieldGroup, FieldVariant, Fieldset, FieldsetActions, FieldsetLegend, Size, Surface, TextField};
use herogpui::gpui::prelude::*;
use herogpui::gpui::px;

Surface::new()
    .padding(px(24.))
    .gap(px(16.))
    .child(
        Fieldset::new()
            .child(FieldsetLegend::new("Profile"))
            .child(
                FieldGroup::new()
                    .child(
                        TextField::new(self.demo_text("fset-name", "", cx))
                            .label("Name")
                            .placeholder("Ada Lovelace")
                            .variant(FieldVariant::Secondary),
                    )
                    .child(
                        TextField::new(self.demo_text("fset-email", "", cx))
                            .label("Email")
                            .placeholder("ada@example.com")
                            .variant(FieldVariant::Secondary),
                    ),
            )
            .child(FieldsetActions::new().child(
                Button::new("fieldset-save").label("Save").size(Size::Sm),
            )),
    )

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
27use herogpui::prelude::{Button, FieldGroup, Fieldset, FieldsetActions, FieldsetLegend, TextField, Variant};
use herogpui::gpui::prelude::*;

Fieldset::new()
    .child(FieldsetLegend::new("Shipping address"))
    .child(
        FieldGroup::new()
            .child(
                TextField::new(self.input_name.clone())
                    .label("Street")
                    .placeholder("221B Baker Street"),
            )
            .child(
                TextField::new(self.input_email.clone())
                    .label("City")
                    .placeholder("London"),
            ),
    )
    .child(
        FieldsetActions::new()
            .child(
                Button::new("fieldset-cancel")
                    .label("Cancel")
                    .variant(Variant::Tertiary),
            )
            .child(Button::new("fieldset-save").label("Save")),
    )