SR Element Social
This module renders a small list of up to 4 social icons in a row or column, each built from an icon glyph, an image, or custom svg, with its own size, color, background and link.
Pick it over the client and logo modules when you need compact linkable social profile icons like facebook or instagram rather than a scrolling row of brand logos. Each icon renders as a plain accessible link, so give every icon a destination url and a real aria label, not a slider or carousel.
Use cases
- Social media icon row
- Footer social links
- Follow us on instagram icons
- Header social icon strip
- Contact card social links
Where it fits
- Included with: Core
- Page sections: Footer, Navigation, Contact
Editable fields
Content tab
Icons Repeats: default 4.
| Field | Type | Notes |
|---|---|---|
| Type | Choice | Options: Icon, Image, SVG. |
| Icon | Icon | |
| Image | Image | |
| SVG | Text | Paste your SVG code below. |
| Size | Number | |
| Color | Color | |
| Background | Color | Set opacity to 0 to disable the background. |
| Link | Link | |
| Aria Label | Text | The aria-label attribute is used on links that have no accessible name to give it meaning to screen readers. |
| Purpose | Choice | The purpose of the icon, used for accessibility. If set to decorative, an additional attribute of aria-hidden="true" will be added to the icon. Options: Decorative, Semantic. |
Style tab
Change log
| Version | Change |
|---|---|
| 1.0.0 | Stardust updates release |
SR Element Search
This module renders a search input field with an optional label and placeholder text, a submit button linking to the content search results page, and hidden checkboxes to filter results by website pages, landing pages, blog posts, and knowledge articles.
SR Element Stat
This module renders a single large number with an optional prefix and suffix, plus a description line below it, built from one numeric field rather than a repeater.