Collapsible section
componentA titled disclosure: a tracked-uppercase header (with an optional count) that toggles its content.
Install
npx shadcn@latest add @engram/collapsible-sectionRegistry item: /r/collapsible-section.json — the machine-readable definition agents install from.
Example
Mask of FealtyWicked ImplementMecha Sentry Mask
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title* | ReactNode | — | Section heading. |
count | ReactNode | — | Right-aligned count / summary (e.g. item count). |
defaultOpen | boolean | true | Initial open state when uncontrolled. |
open | boolean | — | Controlled open state. |
onOpenChange | (open: boolean) => void | — | — |
children* | ReactNode | — | — |
className | string | — | — |
Own the code: shadcn add copies this component's source into your repo to read and edit directly. Extend without forking — edit the source, use asChild to swap the element, or pass the typed annotations prop for curated data.