❤️ Support our project - Your donation helps us continue developing awesome tools!


Docs
Accordion

Accordion

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

Installation

Run the following command:

npx nyxb@latest add accordion

Usage

import {
  Accordion,
  AccordionContent,
  AccordionItem,
  AccordionTrigger,
} from "~/components/ui/accordion"
<Accordion type="single" collapsible>
  <AccordionItem value="item-1">
    <AccordionTrigger>Is it accessible?</AccordionTrigger>
    <AccordionContent>
      Yes. It adheres to the WAI-ARIA design pattern.
    </AccordionContent>
  </AccordionItem>
</Accordion>