• 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, also supporting responsive values, e.g. columns={{ mobile: 2, tablet: 3, desktop: 4, wide: 5 }}
Control the amount of space between each tile using the space prop, also supporting responsive values, e.g. space={{ mobile: 'small', tablet: 'medium', desktop: 'large', wide: 'xlarge' }}
When in a single column, dividers can be placed between each tile using the dividers prop. Supports both regular and strong variants.