Expansion Panels

Expansion Panel

Expansion panels contain creation flows and allow lightweight editing of an element.

An expansion panel is a lightweight container that may either stand alone or be connected to a larger surface, such as a card.

Simple Expansion Panel

Secondary heading and Columns

Multiple columns can be used to structure the content, and a helper text may be added to the panel to assist the user.


Select trip destination

Select your destination of choice
Learn more

Controlled Accordion

Extend the default panel behavior to create an accordion with the ExpansionPanel component.