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.
Pick it over the client logo, graphic, and card modules when the goal is one standalone metric such as a percentage, dollar amount, or user count, not a logo strip, image, or content card with a CTA. It expects one numeric value and short supporting text, and can animate the count-up and add comma formatting on load.
Use cases
- Daily active users counter
- Percentage growth stat
- Single kpi callout
- Years in business figure
- Dollar amount raised
- Customer count highlight
Where it fits
- Included with: Core
- Page sections: Stats, Proof, Hero
Editable fields
Content tab
| Field | Type | Notes |
|---|---|---|
| Prefix | Text | |
| Suffix | Text | |
| Description | Text | |
| Lead Text | Boolean | Turn on to make the Description text larger. |
| Format Number | Boolean | Format the number with commas. |
| Animate Stats | Boolean | |
| Animation Speed | Number | Time to animate in seconds. |
Stat
| Field | Type | Notes |
|---|---|---|
| Heading | Number | |
| 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 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.
SR Element Tabs
This module renders a row of up to four clickable tab buttons above a matching set of panels, each panel holding its own richtext content, with only one panel visible at a time.