Accordion is an interactive Block that allows users to choose which sections of content to expand and explore further. Accordion Blocks work best when your content falls into natural groupings that only some users will need to access.
Accordion Block
- Accordions are collapsed by default
- Keep critical information outside of accordions
- Use clear, unique, and descriptive headings
- Limit the amount of content presented within accordions and the number of Accordion Blocks used on a page
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.