Expand collapse

The expand collapse component reveals (expands) content when selected by the user and hides (collapses) content when deselected.

The expand collapse component can be wrapped around any content that should be hidden depending on state. When the component's child content is collapsed, the surrounding content will pull in to fill the empty space. If you would like to expand and collapse content without pushing and pulling the surrounding elements, try using the drawer component.