Tabs are another interactive Block used to organize related groups of content into distinct categories. Unlike Accordions, only one Tab can be viewed at a time.
Tabs Block
- The first Tab is displayed by default
- Use short, specific headings, ideally four words or fewer
- Tabs should be related, but each Tab should be a self-contained chunk of information
- Users may not view the contents of each Tab
- Limit the amount of content presented in Tabs and the number of Tabs used
Both Tabs and Accordions help organize and consolidate content but have different use cases.
- Use the Accordion Block when users need to view more than one item at a time
- Use the Tab Block for related, self-contained categories of content that are neither sequential nor interdependent
- When in doubt, use the Text Block and organize your content with clear, descriptive headings
Building With Blocks
This resource will help you understand the Blocks available and how to use them to make your content shine.