Image and Text
Figma Component: 22271-158472
Last modified with commit 770260f on
by Martin Jagodic.
The Image and Text component combines image content with structured text content. It displays optional kicker, headline, body paragraph, optional button and optional bulleted list with icons. Images can be static or animated sequences.
Functional Documentation
| Role | Scenario | Description |
|---|---|---|
| system | Display image content | Shows single static image or cycles through 3 images when multiple provided. |
| system | Display text content | Shows kicker (when present), headline, body text, button (when present), and list (when present). |
| editor | Add text content | Kicker (optional), headline, body text, and button (optional) with label and URL. |
| editor | Upload images | Single static image or 3 images for animated sequence. |
| user | View content | Static images display without interaction. Animated images cycle automatically. |
| user | Click button | Navigates to destination URL. Shows hover state on hover. |
Properties
Responsive (Variant)
| Value | Example |
|---|---|
| Desktop |  |
| Mobile |  |
Layout (Variant)
| Value | Example |
|---|---|
| Default | |
| White BG + button |  |
| Image on right |  |