Cards Block

Display content in a grid of cards with images and links.

Syntax

<Cards slots="image, heading, text, links" width="33%" />

![Card Image](path/to/image.png)

## Card Heading

Card description text goes here.

[Learn more](link-url.md)

Parameters

• slots: Content structure per card

  • "image, heading, text, links" - Full card with all elements
  • "heading, text, links" - Card without image
  • "image, heading, links" - Card without description text

• width: Card width for grid layout (optional)

  • Full width (default)
  • "33%" - Three cards per row (3-column grid)
  • "50%" - Two cards per row (2-column grid)
  • "25%" - Four cards per row (4-column grid)

• Image size: 80 x 80 px recommended

Examples

For cards with a wide image, see Cards - Wide Variant.