Tabs
Tabs make it easy for the audience to move between related content sections and displays the content at the same level of hierarchy.
See and interact with the Tabs component block demo on this page.
Demo component
Heading (optional)
Overview (optional) is created in a WYSIWYG editor as for general content.
Image
Tab one contains an icon that should be relevant to the content within the tab.
The content and can be structured as:
- a list
- a sentence
- any other type of content formatting that is available in the WYSIWYG editor.
The content within the tabs should have a relationship to one another, such as be part of a series, or related to the same topic.
| Heading | Data |
|---|---|
| Item 1 | Data |
| Item 2 | Data |
| Item 3 | Data |
Heading and description
Tab four contains content and can be structured as:
- a list
- a sentence
- any other type of content formatting that is available in the WYSIWYG editor.
The content within the tabs should have a relationship to one another, such as be part of a series, or related to the same topic.