Variant
Variant
Storyteller: Icon
A compact card variant that swaps the photographic image for an SVG icon from the DAM (iconImage). Ideal for feature grids and benefit lists — typically placed three or four across in a Layout Container.
| Style | cq:styleIds | Behavior |
|---|---|---|
| Icon Center | card-icon-center | Icon centered above centered text |
| Icon Left | card-icon-left | Icon and text left-aligned |
| Field | Property | Notes |
|---|---|---|
| Icon | iconImage | PDS Health brand SVGs, e.g. /content/dam/web-production/pds-health/icons/ |
| Icon Alt Text | iconAltText | Companion alt field for the icon (distinct from the image alt) |
| Action | actions/item0 | Single text link, e.g. “Learn More” — add via the component dialog |
Authoring: Set the SVG via the Icon Image field (iconImage) rather than the standard image tab, and always provide alt text.
Storyteller – Icon Center
Storyteller – Icon Left