Collapsible

Display

A flexible collapsible component that can show and hide content with smooth animations. Perfect for FAQs, expandable sections, and space-saving layouts.

Installation

bash

1npx @dinachi/cli@latest add collapsible

Run the CLI command above to automatically install the component and its dependencies.

API Reference

Prop	Type	Default	Description
`open`	`boolean`	—	Controls the open state of the collapsible
`defaultOpen`	`boolean`	`false`	The default open state
`onOpenChange`	`(open: boolean) => void`	—	Callback fired when the open state changes
`disabled`	`boolean`	`false`	Whether the collapsible is disabled