Card Grid

The CardGrid component is a layout component that allows you to display a grid of Card's.

Usage

Card
Card
Card
Card
Card
Card
MDC
::card-grid
  ::card
  Card
  ::
  ::card{row=2}
  Card
  ::
  ::card
  Card
  ::
  ::card{row=2}
  Card
  ::
  ::card{col=2}
  Card
  ::
  ::card
  Card
  ::
::

Props

PropTypeDefaultDescription
cols[String, Number, Object]3Number of columns to display
gap[String, Object]{ initial: '{space.4}', '2xl': '{space.6}' }Gap between cards

Slots

SlotDescription
rootA slot for any content, rendered at the root of the component
defaultCard components to be displayed in the grid.