Glitchcn

Accordion

Collapsible content sections for organizing information

Preview

Installation
npx shadcn@latest add @glitchcn/accordion
Usage
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion"

<Accordion type="single" collapsible>
  <AccordionItem value="item-1">
    <AccordionTrigger>System Configuration</AccordionTrigger>
    <AccordionContent>
      Network protocols initialized.
    </AccordionContent>
  </AccordionItem>
  <AccordionItem value="item-2">
    <AccordionTrigger>Data Processing</AccordionTrigger>
    <AccordionContent>
      All data streams operating within normal parameters.
    </AccordionContent>
  </AccordionItem>
  <AccordionItem value="item-3">
    <AccordionTrigger>Security Status</AccordionTrigger>
    <AccordionContent>
      Encryption active. No threats detected.
    </AccordionContent>
  </AccordionItem>
</Accordion>