Collapsible
displayAn interactive component which expands/collapses a panel.
Preview
Starred repositories
@radix-ui/primitives
Installation
npm install @launchapp/design-systemImport
import { Collapsible, CollapsibleTrigger, CollapsibleContent } from "@launchapp/design-system";Examples
Basic Collapsible
<Collapsible> <CollapsibleTrigger asChild> <Button variant="outline">Toggle</Button> </CollapsibleTrigger> <CollapsibleContent> <div className="rounded-md border px-4 py-3 text-sm mt-2"> This content can be collapsed. </div> </CollapsibleContent></Collapsible>Props
| Prop | Type | Default | Description |
|---|---|---|---|
open | boolean | — | Controlled open state. |
defaultOpen | boolean | false | Initial open state when uncontrolled. |
onOpenChange | (open: boolean) => void | — | Callback when open state changes. |
disabled | boolean | false | Prevents user interaction. |