Accordion

stable

Collapsible content sections with Radix animation support

OverlaysInteractive/Storybook ↗

import { Accordion } from "@nodus/design-system"

Loading demo…

Props

Prop	Type	Default	Description
`type`	`"single" \| "multiple"`	"single"	Allow one or multiple sections open
`collapsible`	`boolean`	true	Whether all sections can be collapsed
`defaultValue`	`string \| string[]`	—	Initially open section(s)

type

Type "single" | "multiple"Default "single"

Allow one or multiple sections open

collapsible

Type booleanDefault true

Whether all sections can be collapsed

defaultValue

Type string | string[]Default —

Initially open section(s)

MobileTouch Target

Accordion triggers must be ≥44px tall. Default is 40px — add py-3 for mobile or use size='lg'.

Design Rationale

This component was designed to express:

Tabbed content navigation with Radix accessibility

Was this helpful?