°µÍøTV

Expandable sections

°µÍøTV this component

Like tabs, expandable sections are a great way to display large amounts of information in a way that doesn’t overwhelm users. Unlike tabs, you aren’t limited to a certain number of headings, and the headings can be any length. They can be used individually or in groups of related items.

Styling

Expandable headings have a plus icon to the left of the text indicating that it’s expandable. When clicked and expanded, the corresponding content slides down into view, and the icon next to the heading turns into a minus icon.

How to use for Expandable sections

Learn how to . More information is available in our style guide on the expandable sections page.

Example of Expandable sections