LifeDS

Component

Accordion

Vertically stacked, collapsible sections of content. Supports single or multiple open items and disabled items.

Accordionmultiple · defaultValue · value
AccordionItemvalue · disabled
AccordionTriggerheader + expand/collapse button
AccordionContentanimated panel
Playground

A shadcn-style set of components built with Tailwind, CVA and the Base UI adapter.

Basic — single open

Yes — it comes with sensible default styles that match the design system tokens.

Multiple items open at once

Yes — pass the multiple prop to allow more than one item expanded simultaneously.

No — each item toggles independently when multiple is enabled.

Disabled item

This section can be toggled normally.

Tokens used

5 semantic tokens consumed by this component.

--backgroundBackground
bg-background
--foregroundForeground
text-foreground
--muted-foregroundMuted Foreground
text-muted-foreground
--borderBorder
border-borderborder
--ringRing
ring-ringring