Collapsible
A single-item show/hide component. Simpler than Accordion; use it for one expandable section like a filter panel, "show more" block, or settings group.
Installation
npx dafink-ui add collapsibleDemo
Composition
<Collapsible>
</Collapsible>
Props
| Name | Type | Default | Description |
|---|---|---|---|
| open | boolean | - | Controlled open state. When provided the component is controlled. |
| defaultOpen | boolean | false | Uncontrolled initial open state. |
| onOpenChange | (open: boolean) => void | - | Called when the open state changes. Receives the new boolean value. |
| disabled | boolean | false | Disables the trigger and prevents toggling. |
| className | string | "" | Additional classes on the root div. |