> ## Documentation Index
> Fetch the complete documentation index at: https://docs.turbostack.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Accordion

`Accordion` is a vertically stacked set of interactive headings that each reveal a section of content.

<Card>
  <img src="https://mintcdn.com/ravitechsolutions/jCk1IPeJr8ul3nyO/images/components/accordion.png?fit=max&auto=format&n=jCk1IPeJr8ul3nyO&q=85&s=6d9cb7d3935f891f206a08f4024fd043" alt="Accordion Component" width="983" height="283" data-path="images/components/accordion.png" />
</Card>

## Usage

```tsx theme={null}
import { Accordion } from "@turbostack/ui"
```

```tsx theme={null}
<Accordion type="multiple">
  <AccordionItem value="What do I get exactly?" className="py-4">
    <AccordionTrigger>What do I get exactly?</AccordionTrigger>
    <AccordionContent>
      The NextJS starter with all the boilerplate code you need to run an online 
      business: a payment system, a database, a login system, 
      UI components and more.
    </AccordionContent>
  </AccordionItem>
</Accordion>
```