Collapse

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

General

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', ...-
Edit this page on GitHub

Previous

Code

Next

Description

MADE & DESIGNED WITHBY BRUNO ANDRADE
docs background gradient blue
docs background gradient violet