Collapsible

Single show/hide region.

Default

Simpler alternative to Accordion when you only have one region.

@jane.doe recent activity

<Collapsible className="w-full max-w-md space-y-2">
  <div className="flex items-center justify-between rounded-md border border-border px-4 py-2 text-sm">
    <span className="font-medium">@jane.doe recent activity</span>
    <CollapsibleTrigger render={<Button variant="ghost" size="sm"><ChevronsUpDown className="size-4" /></Button>} />
  </div>
  <CollapsibleContent className="space-y-2">
    <div className="rounded-md border border-border px-4 py-2 text-sm">Edited Pricing page</div>
    <div className="rounded-md border border-border px-4 py-2 text-sm">Opened a PR in smaller-earth-ui</div>
  </CollapsibleContent>
</Collapsible>