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.
Pick it over the accordion when you want horizontal tab navigation instead of a stacked collapsible list, and over the bento grid or card modules when the content is text-based sections rather than mixed media cells. Each tab's content should stand alone since switching tabs fully hides the others, and the button color style applies globally to all tabs.
Use cases
- Product feature tabs
- Pricing plan comparison by tab
- Service breakdown by category
- Step-by-step process in tabs
- Faq grouped by topic
- Specs sheet with tabbed sections
Where it fits
- Included with: Core
- Page sections: Features, Content, Faq
Editable fields
Content tab
| Field | Type | Notes |
|---|---|---|
| Tab Style | Choice | 11 options, including Primary, Secondary, Tertiary. |
Tabs Repeats: min 1, default 4.
| Field | Type | Notes |
|---|---|---|
| Tab Label | Text | |
| Tab Content | Rich text |
Style tab
Change log
| Version | Change |
|---|---|
| 1.0.0 | Stardust updates release |
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.
SR Element Testimonial
This module renders a single blockquote with an optional icon badge, a heading, a rich text description for the quote, and an attribution line with a name and title.