SR Element Features
Renders a list of up to 5 feature items, each pairing an icon with a heading and rich text description, stacked vertically or arranged with the icon beside or above the text.
Pick it over the accordion, card, and bento grid when the content is a repeatable icon-plus-text pattern for capabilities or selling points, not collapsible text, a single image-led block, or a mixed-media grid. Each icon supports custom color, background, size, and top or side placement, so it covers both compact bullet lists and larger icon-led feature sections.
Use cases
- Capabilities list with icons
- Three-icon selling points row
- How it works feature highlights
- Product benefits with iconography
- Simple bullet-style feature list
- Service offering breakdown
Where it fits
- Included with: Core
- Page sections: Features, Benefits, Content
Editable fields
Content tab
Feature Repeats: min 0, default 5.
| Field | Type | Notes |
|---|---|---|
| Description | Rich text | |
| Lead Text | Boolean | Turn on to make the Description text larger. |
| Align Content | Choice | Options: Top, Center, Bottom. |
Feature › Icon
| Field | Type | Notes |
|---|---|---|
| Icon | Icon | |
| Color | Color | |
| Background | Color | |
| Icon Size | Number | |
| Icon on Top | Boolean | |
| 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. |
Feature › Heading Repeats: default 1.
| Field | Type | Notes |
|---|---|---|
| Heading | Text | |
| Size | Choice | HTML heading size. Options: H1, H2, H3, H4, H5, H6, P. |
| Display Size | Choice | Size that heading is displayed at. 12 options, including Auto, H1, H2. |
| Color | Choice | 15 options, including Auto, Primary, Secondary. |
| Color | Color | |
| Align | Choice | Options: Auto, Left, Center, Right. |
| CSS Class | Text |
Style tab
Change log
| Version | Change |
|---|---|
| 1.0.0 | Stardust updates release |
SR Element Divider
This module renders an empty spacing block with an optional horizontal rule, sized and styled by design settings for spacing, border width, style, and color.
SR Element Form
This module renders an optional top heading and rich text description above an embedded HubSpot form, with the form itself getting its own heading, description, and style controls for background, text color, field styling, button, padding, border, and shadow.