Image Cards Hero
Figma Component: 23330-175854
Last modified with commit 18d188e on
by Sara Deric.
The Image Cards Hero component displays large image-based cards in a hero section. Features prominent images with overlaid text and call-to-action elements.
Functional Documentation
| Role | Scenario | Description |
|---|---|---|
| system | Display hero cards | Shows large image cards with text overlay containing heading and optional button. |
| system | Display card layout | Arranges cards in horizontal layout on desktop, stacks on mobile. |
| editor | Add and configure hero cards | Each card requires background image, heading text, optional description, and optional button with label and URL. Cards can be reordered. |
| user | Click card or button | Navigates to destination URL. Shows hover state on hover. |
Properties
Responsive (Variant)
| Value | Example |
|---|---|
| Desktop |  |
| Mobile |  |