Collapse

COMPONENTS

Collapse is a way to show, hide or toggle content using buttons or links.

There are two main variations – link and button. These can be set to show, hide or toggle additional content on click.

Collapse should be used for simple hiding and showing of content. For more advanced functionality, consider using the Accordion component.
Use collapse to help reduce clutter and only show info that is relevant at the right time to the user.

Accordion

Accordions enable multiple content sections to be displayed in a limited space and collapsed or expanded by the user.

Button

Buttons allow a user to take an action.

Contents