Accordion

Vertically stacked collapsible sections built on Radix Accordion, with single or multiple open items, keyboard navigation, and animated expand and collapse.

accordioncollapsedisclosurefaqradix

Open preview in new tab

How do I install the Accordion component?

Run the command below in a project with the shadcn CLI. It copies the component source into your repo and installs its dependencies.

npx shadcn@latest add https://www.saasuji.com/r/accordion.json

Dependencies

Also available as a markdown reference for AI agents: /components/accordion.md

Related components

Alert Dialog

A modal confirmation dialog built on Radix AlertDialog that interrupts the user with a title, description, media slot, and cancel/confirm actions.

Dialog

An accessible modal window built on Radix Dialog, with overlay, header, footer, title, description, and an optional corner close button.

Dropdown Menu

A menu of actions built on Base UI Menu with groups, labels, separators, shortcuts, checkboxes, radio items, and nested submenus.