Collapsible

Show and hide a panel from a trigger. Chrome is up to you.

Preview

Yes. Free to use for personal and commercial projects. No attribution required.

Installation

$ pnpm dlx shadcn@latest add https://stylexcn.vercel.app/r/collapsible.json

$ pnpm dlx shadcn@latest add @stylexcn/collapsible

Usage

<Collapsible>
  <CollapsibleTrigger asChild>
    <Button variant="outline">Toggle</Button>
  </CollapsibleTrigger>
  <CollapsibleContent>Hidden copy</CollapsibleContent>
</Collapsible>