Accordion
Vertically stacked sections that expand/collapse, built on Radix UI.
Yes. It adheres to the WAI-ARIA design pattern, built on Radix UI.
Installation
1
Run the CLI
$npx particleui-cli add accordion
Usage
TSX
import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "@/components/ui/accordion"
export default function Example() {
return (
<Accordion type="single" collapsible>
<AccordionItem value="item-1">
<AccordionTrigger>Is it accessible?</AccordionTrigger>
<AccordionContent>Yes. It follows WAI-ARIA guidelines.</AccordionContent>
</AccordionItem>
</Accordion>
)
}Details
Source filecomponents/ui/accordion.tsx
Typeui
Categoriesdisclosure, core
npm dependencies@radix-ui/react-accordion, lucide-react
Registry deps
Claude skill—