Stack

A layout component to stack things vertically or horizontally

The Stack component is a layour component that allows you to stack things in a vertical or horizontal manner, with an even amount of space between them.

Vertical

Item

<Stack>
    <DemoBox>Item</DemoBox>
    <DemoBox>Item</DemoBox>
    <DemoBox>Item</DemoBox>
    <DemoBox>Item</DemoBox>
  </Stack>

<Stack>
    <DemoBox>Item</DemoBox>
    <DemoBox>Item</DemoBox>
    <DemoBox>Item</DemoBox>
    <DemoBox>Item</DemoBox>
  </Stack>

Horizontal

Item

<Stack horizontal>
    <DemoBox>Item</DemoBox>
    <DemoBox>Item</DemoBox>
    <DemoBox>Item</DemoBox>
    <DemoBox>Item</DemoBox>
  </Stack>

<Stack horizontal>
    <DemoBox>Item</DemoBox>
    <DemoBox>Item</DemoBox>
    <DemoBox>Item</DemoBox>
    <DemoBox>Item</DemoBox>
  </Stack>