Collapse

Collapse Component

stable
Playground
This content is visible and can be collapsed.
Props
PropTypeDefaultValue
openboolean—
durationnumber—
Open
This content is visible and can be collapsed.
Closed
This content is hidden.
Interactive
This content collapses and expands with animation.
CustomDuration
This collapse uses a 600ms animation duration.
PROPTYPEDEFAULTDESCRIPTION
durationnumber—Animation duration in ms
openboolean—Whether content is expanded
Using Collapsetsx
import { Collapse } from '@/components/Collapse'

<Collapse
  open="..."
  duration="..."
/>
Tokens Used
No design tokens detected