GitHub

Accordion

A collapsible component for displaying content in a vertical stack.

Installation

pnpm dlx shadcn@latest add https://shark-ui.vercel.app/r/accordion.json

Usage

import { 
  Accordion, 
  AccordionItem, 
  AccordionTrigger, 
  AccordionContent 
} from "@/components/ui/accordion";
<Accordion collapsible>
  <AccordionItem value="1">
    <AccordionTrigger>Accordion Item 1</AccordionTrigger>
    <AccordionContent>Accordion Content 1</AccordionContent>
  </AccordionItem>

  <AccordionItem value="2">
    <AccordionTrigger>Accordion Item 2</AccordionTrigger>
    <AccordionContent>Accordion Content 2</AccordionContent>
  </AccordionItem>
</Accordion>