Components
Collapsible
Collapsible
The Collapsible component enables users to expand or collapse content panels, making it ideal for managing the visibility of sections or details. It enhances the user experience by improving content organization and optimizing space within the interface.
Click to Expand
Thing One
Configurable Props
<Collapsible>
Prop | Type | Default/ Options | Description |
|---|---|---|---|
defaultOpen | boolean | The open state of the collapsible when it is initially rendered. Use when you do not need to control its open state. | |
open | boolean | The controlled open state of the collapsible. Must be used in conjunction with onOpenChange. | |
onCheckedChange | function (checked: boolean | 'indeterminate') => void | Event handler called when the checked state of the checkbox changes. | |
disabled | boolean | When true, prevents the user from interacting with the checkbox. |