Layout

Layout components help replace common patterns when building a UI.

For example, <Flex /> saves you the time of having to write <div style={{ display: 'flex' }} /> or <Block display="flex" />.

Box

Basic div element with no defaults

Preview
Source

Flex

Renders a div with display: flex set by default.

Preview
Source

Block

Renders a div with display: block set by default.

Preview
First Block
Second Block
Source