Layout

Stacks

Stacks comprise a set of utilites leveraging the power of

CSS flexbox

in order to give you the ability to build complex layouts.

Anatomy

A stack is made of a container and of children, also called "items" here.

Nesting

A stack can be nested inside another stack, making it possible to create a wide range of layouts.

When to use

  • Use the stack utilities when you need to arrange components horizontally or vertically.

When not to use

  • Don't use stacks when the layout you're aiming for depends on the grid.