Card Block
The Card block displays content in a styled card layout. Use cards to highlight key information, tips, resources, or any content that benefits from visual emphasis.
Card content
Section titled “Card content”A card can include:
- Image - an optional card image with crop support
- Title - the card heading (default: “Card Title”)
- Subtitle - optional secondary text
- Content items - nested text and image items within the card body
- Link - an optional URL that makes the entire card clickable
Image position
Section titled “Image position”Control where the card image appears:
| Position | Description |
|---|---|
| Top | Image above the title (default) |
| Left | Image on the left, content on the right |
| Right | Image on the right, content on the left |
| None | No image area |
Card styles
Section titled “Card styles”| Style | Description |
|---|---|
| Default | Standard card appearance |
| Outlined | Card with a visible border |
| Elevated | Card with a shadow effect |
| Filled | Card with a filled background |
Add a URL to make the card clickable. Optionally open the link in a new tab.