Layout

Containers that arrange their children — direction, spacing and alignment.

Affix

Sticky container

AspectRatio

Holds its content to a given width-to-height ratio

Center

Centres its content on both axes

Container

Holds page content to a readable width and centres it

Divider

A hairline that separates two pieces of content

Flex

A flex container with full control over its axes

Grid

A grid container with a fixed number of columns

Inline

Lays its children out in a row, wrapping when needed

Masonry

Masonry

ScrollArea

A scrolling region with overlay scrollbars

SimpleGrid

An even grid whose columns follow a minimum width

Space

An empty element that takes up room in a flex container

Splitter

Panes whose proportions are adjusted by dragging a divider

Stack

Lays its children out in a single column