Accordion

A vertically stacked set of headings that reveal related content.

Preview

Yes. It adheres to the WAI-ARIA design pattern.

Installation

$ pnpm dlx shadcn@latest add https://stylexcn.vercel.app/r/accordion.json

$ pnpm dlx shadcn@latest add @stylexcn/accordion

Usage

<Accordion type="single" collapsible>
  <AccordionItem value="item-1">
    <AccordionTrigger>Is it accessible?</AccordionTrigger>
    <AccordionContent>Yes.</AccordionContent>
  </AccordionItem>
</Accordion>