web_tabs Shortcode
The web_tabs shortcode turns web_tabs_content children into a tab list and matching content panels. Each child contributes both its tab label and its panel body.
The attributes below match the current Page Builder controls and public output. Use raw syntax only for reviewed content that cannot be maintained through the visual controls.
Allowed child shortcodes: web_tabs_content.
Usage
[web_tabs]
Content
[/web_tabs]Attributes
| Attribute | Default | Accepted values | Purpose |
|---|---|---|---|
sticky_tabs |
— | yes or empty |
Keeps the tab-navigation row visible with the theme's replacement sticky-row behavior. |
device_visibility |
— | String unless stated otherwise | Applies the selected responsive visibility rule. |
el_id |
— | Valid unique HTML ID | Enter element ID (Note: make sure it is unique and valid according to w3c specification). |
el_class |
— | String unless stated otherwise | If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file. |
Enclosed content
The parent first renders the child navigation items, then places the collected child bodies in a separate tab-content region. Keep child IDs unique because each tab link targets its corresponding panel by ID.
Verification
Activate every tab with pointer and keyboard input and confirm label, selected state and panel content stay paired. With sticky navigation enabled, scroll beyond the component and verify the replacement row does not cover headings or focused controls.