Group

new Group(child1, child2, child3);
new Group(); // Empty group

// Center content
new Group(
    new Label("Centered Content"),
    new Button(new Label("Action"))
)
.JustifyContent(Justify.Center)
.AlignItems(Align.Center);

// Evenly spaced buttons
new HorizontalGroup(
    new Button(new Label("Cancel")),
    new Button(new Label("Save"))
)
.JustifyContent(Justify.SpaceBetween);

// Dynamic list of items
var Items = new ReactiveProperty<Item[]>(Array.Empty<Item>());

new Group()
    .BindChildren(
        Items,
        item => new Button(new Label(item.Name))
            .OnClick(_ => SelectItem(item))
    );

// User list with reactive filtering
var FilteredUsers = new ReactiveProperty<User[]>(Array.Empty<User>());

new Group()
    .BindChildren(
        FilteredUsers,
        user => new HorizontalGroup(
            new Label(user.Name),
            new Label(user.Email).ClassName("email")
        )
    );

var Username = new ReactiveProperty<string>("");
var Email = new ReactiveProperty<string>("");
var IsValid = new ReactiveProperty<bool>(false);

new VerticalGroup(
    new Label("User Settings"),
    new TextField(Username).Placeholder("Username"),
    new TextField(Email).Placeholder("Email"),
    new HorizontalGroup(
        new Button(new Label("Cancel"))
            .OnClick(_ => Cancel()),
        new Button(new Label("Save"))
            .OnClick(_ => Save())
            .BindDisabled(IsValid.Select(v => !v))
    ).JustifyContent(Justify.FlexEnd)
)
.AlignItems(Align.Stretch);