• Columns For fine-grained control of widths, spacing and alignment.
  • Tiles For laying out content over many columns and rows.
  • Box For custom layouts.
The spacing between children can be adjusted using the space prop.
Responsive values are supported, e.g. ['small', 'large'].
Items of varying height can be vertically aligned using the alignY prop. Responsive values are supported.
top
center
bottom
Items can be aligned horiontally using the align prop. Responsive values are supported.
left
center
right
Items can be collapsed into a single vertical stack responsively using the collapseBelow prop. The following will collapse the list of items into a vertical stack below tablet.