# Accordion

> A vertically stacked set of headings that each reveal a section of content.

_Updated: 2026-06-04_

A vertically stacked set of headings that each reveal a section of content.

## Installation

```bash
railbase ui add accordion
```

> [!NOTE]
> `railbase ui add` also copies shared primitives — they ship alongside this component automatically.

## Usage

```tsx
import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "@/lib/ui/accordion";

<Accordion type="single" collapsible>
  <AccordionItem value="item-1">
    <AccordionTrigger>Is it accessible?</AccordionTrigger>
    <AccordionContent>Yes. It follows the WAI-ARIA pattern.</AccordionContent>
  </AccordionItem>
</Accordion>
```

## Anatomy

Exported parts: `Accordion` · `AccordionItem` · `AccordionTrigger` · `AccordionContent`