Skip to main content
Accordion is a vertically stacked set of interactive headings that each reveal a section of content.

Accordion Component

​
Usage

import { Accordion } from "@turbostack/ui"

<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>
⌘I