Collapse

Display large amounts of text in collapsible sections. Commonly referred to as an accordion.

Default

Show title only by default.

Expanded

Specify what to display first.

Subtitle

Add text or components as subtitle.

Shadow

Highlight importance at a higher level.

APIs

Collapse.Props

AttributeDescriptionTypeAccepted valuesDefault
title(required)collapse titlestring--
subtitledescriptionstring--
initialVisibleinitial expandedboolean-false
shadowshow shadow cardboolean-false
...native propsHTMLAttributes'id', 'name', 'className', ...-

Collapse.Group.Props

AttributeDescriptionTypeAccepted valuesDefault
accordionaccordion modeboolean-true
...native propsHTMLAttributes'id', 'name', 'className', ...-