Command Palette

Search for a command to run...

Collapsible

shadcn/ui

An interactive component which expands/collapses a section of content.

@peduarte starred 3 repositories

import {	Collapsible,	CollapsibleContent,	CollapsibleTrigger,} from "@/registry/optics/collapsible";<Collapsible>	<CollapsibleTrigger>Can I use this in my project?</CollapsibleTrigger>	<CollapsibleContent>		Yes. Free to use for personal and commercial projects. No attribution required.	</CollapsibleContent></Collapsible>

Installation

pnpm dlx shadcn@latest add https://optics.agusmayol.com.ar/r/collapsible.json

Props

<Collapsible />
Name
Type
open
boolean
defaultOpen
boolean
onOpenChange
(open: boolean) => void
disabled
boolean

<CollapsibleTrigger />
Name
Type
asChild
boolean
disabled
boolean
<CollapsibleContent />
Name
Type
className
string
forceMount
boolean
Code SnippetCommand