Social Media Carousel
Figma Component: 23711-216730
GitHub Issue: #80
Last modified with commit 99ef19d on
by Aljaž.
A full-width section showcasing actual social media posts in a horizontal scrolling carousel, with heading, social media icon buttons, and post preview cards with video/image content. Used to display recent social media activity and encourage users to follow brand's social channels.
Functional Documentation
| Role | Scenario | Description |
|---|---|---|
| system | Display social media feed | Shows section with heading, social platform icon buttons, and horizontal carousel of social media post previews (videos/images in rounded cards). If there are more than five posts, the carousel enables a slow autoplay animation that advances to the next card automatically; autoplay should pause on hover or when the user interacts with the carousel controls. |
| editor | Edit section heading | Edit section heading. Social media posts are automatically fetched from connected platform. |
| user | View social posts | Read heading and click social platform icons to visit profiles. Scroll horizontally through post preview cards to see brand's social media content. |
Properties
Responsive (Variant)
| Value | Example |
|---|---|
| Desktop |  |
| Mobile |  |