Components
Collapsible
Show and hide a block. Unstyled trigger; you bring the control.
A Radix collapsible ported from Atlas. Root and trigger are unstyled so you can
compose a kit Button (or anything) with asChild. Content height-animates on the
token disclosure pair. Reduced motion drops it.
Advanced
Usage
import { Button } from '@/components/ui/button';
import {
Collapsible,
CollapsibleContent,
CollapsibleTrigger,
} from '@/components/ui/collapsible';
<Collapsible>
<CollapsibleTrigger asChild>
<Button>Toggle</Button>
</CollapsibleTrigger>
<CollapsibleContent>Hidden until open.</CollapsibleContent>
</Collapsible>Install
shadcn add @gesso/collapsible