Command Palette

Search for a command to run...

Collapsible

An interactive component that expands and collapses a panel. Built on Base UI Collapsible primitive.

Installation

npx shadcn add collapsible --registry https://ui.ch.sh/r

Usage

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

export default function Example() {
  return (
    <Collapsible>
      <CollapsibleTrigger>Toggle</CollapsibleTrigger>
      <CollapsibleContent>
        Content goes here.
      </CollapsibleContent>
    </Collapsible>
  )
}