Collapsible

Toggle visibility of inline content sections.

Example

Component	Prop	Type	Default	Description
`Collapsible`	`open`	`boolean`	—	Controlled open state
`Collapsible`	`defaultOpen`	`boolean`	`false`	Initial open state
`Collapsible`	`onOpenChange`	`(open: boolean) => void`	—	Callback when open state changes
`Collapsible`	`disabled`	`boolean`	`false`	Disable the collapsible
`CollapsibleTrigger`	`children`	`React.ReactNode`	—	Trigger content (required)
`CollapsibleTrigger`	`showIcon`	`boolean`	`true`	Show chevron icon in trigger
`CollapsibleTrigger`	`asChild`	`boolean`	`false`	Use child element as trigger
`CollapsibleTrigger`	`className`	`string`	—	Additional CSS classes
`CollapsibleContent`	`children`	`React.ReactNode`	—	Content to display when expanded (required)
`CollapsibleContent`	`className`	`string`	—	Additional CSS classes