• Columns For fine-grained control of widths, spacing and alignment.
  • Inline For fine-grained control of spacing and alignment.
  • Box For custom layouts.
The number of tiles in each row. Accepts a number from 1 to 5, and is also responsive. For example: [ 2, 4 ] will be 2 columns on mobile, and 4 above mobile.
Control the amount of space between each tile using the space prop. This can also be a responsive list of spacing values.
When in a single column, dividers can be placed between each tile using the dividers prop. Supports both regular and strong variants.