Accordion

Install

npx stylesheet-ui add accordion

Usage

import {
  Accordion,
  AccordionItem,
  AccordionTrigger,
  AccordionContent,
} from "@/components/ui/accordion";

<Accordion type="single" defaultValue="shipping">
  <AccordionItem value="shipping" first>
    <AccordionTrigger>Shipping</AccordionTrigger>
    <AccordionContent>Ships in 1–2 business days.</AccordionContent>
  </AccordionItem>
  <AccordionItem value="returns">
    <AccordionTrigger>Returns</AccordionTrigger>
    <AccordionContent>30-day money-back guarantee.</AccordionContent>
  </AccordionItem>
</Accordion>