Accordion
Collapsible content sections for organizing information
Preview
Installation
npx shadcn@latest add @glitchcn/accordionUsage
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>