Collapsible - Saturation UI

@radix-ui/primitives

Installation

pnpm dlx shadcn@latest add @saturation/collapsible

import {
  Collapsible,
  CollapsibleContent,
  CollapsibleTrigger,
} from "@/components/ui/collapsible"

<Collapsible>
  <CollapsibleTrigger>Toggle</CollapsibleTrigger>
  <CollapsibleContent>
    Content here...
  </CollapsibleContent>
</Collapsible>

State: Closed

Controlled open state.

Nested file tree.

Prop	Type	Default	Description
`open`	`boolean`	—	The controlled open state.
`defaultOpen`	`boolean`	—	The default open state.
`onOpenChange`	`(open: boolean) => void`	—	Event handler for open state changes.