Cards - Wide Variant

Cards with a wide image layout. See Cards parameters for slots, width, and other options.

Syntax

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

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

## Card Heading

Card description text goes here.

[Learn more](link-url.md)

Parameters

variant: "wide" — Displays the card with a wide image.

Example

data-slots=image, heading, text, links

data-width=33%

data-variant=wide

First Card

This is a sample description for the first card in the grid.

Learn more

data-slots=image, heading, text, links

data-width=33%

data-variant=wide

Second Card

This is a sample description for the second card in the grid.

Learn more

data-slots=image, heading, text, links

data-width=33%

data-variant=wide

Third Card

This is a sample description for the third card in the grid.

Learn more