Core Elements
Collapsible
A single collapsible panel controlled by a trigger button.
Usage
Lorem ipsum dolor sit amet consectetur adipisicing elit. In magnam quod natus deleniti.
Installation
npm install @wunderui/reactThen import what you need:
import {
Collapsible,
CollapsibleContent,
CollapsibleTrigger,
} from "@wunderui/react"Examples
Closed
Only the trigger shows; click it to open the panel.
Open
The panel below the trigger is expanded.
Lorem ipsum dolor sit amet consectetur adipisicing elit. In magnam quod natus deleniti.
In context
How the component is used inside real screens — the same compositions as the Usage section of the Figma page.
FAQ card
Several questions stacked, one of them open.
API Reference
| Prop | Type | Default |
|---|---|---|
| defaultOpen | boolean | false |
| open | boolean | — |
| onOpenChange | (open: boolean) => void | — |