Skip to main content
ParticleUI

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