Layout

Accordion

Expandable sections that make room for detail when it is needed.

src/components/ui/accordion.tsx

Yes. These components use the app’s shared primary, accent, and neutral palettes through semantic tokens that adapt to light and dark themes.

Live components · Changes stay in this preview

Built from the app library

The preview imports your production components. Open Code for the complete working example, including its imports.

Use Tab to inspect keyboard focus, switch themes, and try the controls. Reset restores the example’s initial state.