Image Cards
Figma Component: tbd
Last modified with commit 74094e5 on
by Martin Jagodic.
The Image Cards component displays a grid of image-based cards. Each card contains an image, title, optional description, and optional button or link.
Functional Documentation
| Role | Scenario | Description |
|---|---|---|
| system | Display cards grid | Shows cards in grid layout. Number of columns adjusts based on viewport size. |
| system | Display card content | Each card shows image, title, optional description, and optional button or link. |
| editor | Add and configure cards | Each card requires image, title, optional description, and optional button with label and URL. Cards can be reordered. |
| user | Click card | Navigates to destination URL. Shows hover state on hover. |
Properties
Responsive (Variant)
| Value | Example |
|---|---|
| Desktop |  |
| Mobile |  |
Background (Variant)
| Value | Example |
|---|---|
| Yellow | |
| Blue |  |