Collapsible — Controlled

block

Manage the open section from parent state, so something other than a click can move it: a URL parameter, a form jumping to the step that failed validation, or the Previous/Next controls shown here. onChange hands back the whole open value.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-collapsible-controlled.json"

Sign In

Collapsible — Controlled

block

Manage the open section from parent state, so something other than a click can move it: a URL parameter, a form jumping to the step that failed validation, or the Previous/Next controls shown here. onChange hands back the whole open value.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-collapsible-controlled.json"

components/astryx/examples/CollapsibleControlledAccordion.tsx