Stacks

<VStack>
    @for (var i = 1; i <= 10; i++)
    {
        var j = i;
        <Button>@j</Button>
    }
</VStack>

<VStack Spacing="Spacing.None">
    @for (var i = 1; i <= 3; i++)
    {
        var j = i;
        <Button>@j</Button>
    }
</VStack>

<HStack>
    @for (var i = 1; i <= 3; i++)
    {
        var j = i;
        <Button>@j</Button>
    }
</HStack>

<VStack>
    @foreach (var heightAlignment in Enum.GetValues<HeightAlignment>())
    {
        <HStack HeightAlignment="heightAlignment">
            <Button Size="Size.Small">Small</Button>
            <Button>Medium</Button>
            <Button Size="Size.Large">Large</Button>
        </HStack>
    }
</VStack>

<VStack>
    @foreach (var stackBehaviour in Enum.GetValues<StackBehaviour>())
    {
        <HStack StackBehaviour="stackBehaviour">
            <StackWeight Weight="null">
                <Button Size="Size.Small">Left</Button>
            </StackWeight>
            <StackWeight Weight="null">
                <Button>Center</Button>
            </StackWeight>
            <StackWeight Weight="null">
                <Button Size="Size.Large">Right</Button>
            </StackWeight>
        </HStack>
    }
</VStack>