Accordion
shadcn/ui
Vertically stacked collapsible sections. For FAQs, settings groups, and detail panels.
@/components/ui/accordionTypes
| type prop | Behavior | When to use |
|---|---|---|
| single collapsible | One open at a time, can fully collapse | FAQs, settings sections, menus |
| single | One open at a time, always one open | Wizard steps, mandatory sections |
| multiple | Any number open simultaneously | Ticket detail panel, filters, reference docs |
type="single" collapsible
type="multiple"
Both sections can be open at the same time.
In context — ticket detail panel
T7A3763Banana Corp — Login issue
In Review
HighUsers report being unable to log in on mobile Safari after the 2.4.1 update. Issue appears after entering credentials — the submit button does nothing. Affects iOS 17+.
Props
| Prop | Type | Description |
|---|---|---|
| type | "single" | "multiple" | Single: one panel open at a time. Multiple: many can be open. |
| collapsible | boolean | type="single" only — allows closing the open item |
| value | string | string[] | Controlled open item(s) |
| defaultValue | string | string[] | Initially open item(s), uncontrolled |
| onValueChange | function | (value) => void |
| disabled | boolean | On AccordionItem — disables that item only |
On this page