Guide List
Figma Component: 22603-170264
Last modified with commit a4d1bec on
by Sara Deric.
The Guide List component displays a structured list or grid of guides, articles, or resources. Shows preview cards with title, excerpt, and link to external social media content (Instagram or LinkedIn).
Functional Documentation
| Role | Scenario | Description |
|---|---|---|
| system | Display guide content | Each guide card shows thumbnail image, title and links to social media platform (Instagram, LinkedIn, Facebook). |
| editor | Add and configure guides | Add guide cards with title, image, and external link to social media content (Instagram, LinkedIn, Facebook URL). |
| user | Click guide link | Opens social media post (Instagram or LinkedIn) in new tab. Icons shows hover state on hover. |
Properties
Responsive (Variant)
| Value | Example |
|---|---|
| Desktop |  |
| Mobile |  |