This page includes the default Stack object styles

Stack usage

The Stack object lays items out in a column and can be modified to lay items out in a row at a certain breakpoint.

Stack with split at extra small breakpoint

Stack with split at extra small breakpoint with spacing sizes

Tiny

Small

Medium

Large

Huge

Stack with split at small breakpoint

Stack with split at small breakpoint with spacing sizes

Tiny

Small

Medium

Large

Huge

Stack with split at medium breakpoint

Stack with split at medium breakpoint with spacing sizes

Tiny

Small

Medium

Large

Huge

Stack with split at large breakpoint

Stack with split at large breakpoint with spacing sizes

Tiny

Small

Medium

Large

Huge

Stack with split at extra large breakpoint

Stack with split at extra large breakpoint with spacing sizes

Tiny

Small

Medium

Large

Huge

Stack (medium breakpoint split modifier and huge spacing) with additional nested Stack Object (large breakpoint split modifier and small spacing)

The cat jumped over the fence.

The dog followed the cat.

Stack (medium breakpoint split modifier and huge spacing) with additional nested Stack Object (medium spacing)

The cat jumped over the fence.

The dog followed the cat.