FAQ Accordion
FAQ accordion with smooth height animation, single or multiple open items.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
FaqAccordionProps
Also accepts all props of React.ComponentProps<"div">
| Prop | Type | Default | Description |
|---|---|---|---|
| items* required | FaqItem[] | — | — |
| multiple | boolean | false | Allow several answers to be open at once |
| defaultOpen | number | 0 | Index of the item open on first render, -1 for none |
| variant | "separated" | "divided" | "separated" | "separated" draws a card per item, "divided" uses lines between items |
Install
$ npx shadcn@latest add https://chromotion.dev/r/faq-accordion.jsonThe CLI installs the base component; your customizations live in the code generated on the Customize tab.