Expandable Panel

Overview

Expandable panels are used to lighten the user's cognitive load by hiding extra information yet showcasing the type of information that is displayed.

Expandable panels are composed of a title and a toggle icon (mandatory).

Guidelines

Do not display critical information within an expandable panel.

Do not use within a form, as the user will not see any mandatory fields that might be hidden in the panel.

Content

Expandable panel content should follow our content guidelines.

Focus on making the title as clear as possible.