HorizontalGroup

new HorizontalGroup(child1, child2, child3);
new HorizontalGroup(); // Empty horizontal group

// Action buttons
new HorizontalGroup(
    new Button(new Label("Cancel")),
    new Button(new Label("Save"))
)
.JustifyContent(Justify.FlexEnd);

// Icon and text combinations
var Username = new ReactiveProperty<string>("Player1");

new HorizontalGroup(
    new Image("Icons/user"),
    new Label().BindText(Username)
)
.AlignItems(Align.Center);

var Email = new ReactiveProperty<string>("");
var IsEmailValid = new ReactiveProperty<bool>(false);
var Name = new ReactiveProperty<string>("");

// Input with validation icon
new HorizontalGroup(
    new TextField(Email).Flex(1),
    new Image("Icons/check").BindVisible(IsEmailValid)
);

// Label and input pairs
new HorizontalGroup(
    new Label("Name:").ClassName("form-label"),
    new TextField(Name).Flex(1)
);

var IsRightToLeft = new ReactiveProperty<bool>(false);

// Conditional reverse layout
new HorizontalGroup(
    new Label("Primary"),
    new Label("Secondary")
)
.BindReverse(IsRightToLeft);

// Dynamic child rendering
var ActionItems = new ReactiveProperty<ActionItem[]>(Array.Empty<ActionItem>());

new HorizontalGroup()
    .BindChildren(
        ActionItems,
        item => new Button(new Label(item.Name))
            .OnClick(_ => ExecuteAction(item))
    );