Accordion
A terminal-inspired collapsible content component with smooth animations and keyboard navigation.
Installation
npm install @radix-ui/react-accordion
Usage
import {
Accordion,
AccordionContent,
AccordionItem,
AccordionTrigger,
} from "@/components/ui/accordion"
export function MyComponent() {
return (
<Accordion type="single" collapsible>
<AccordionItem value="item-1">
<AccordionTrigger>Section 1</AccordionTrigger>
<AccordionContent>
Content for section 1
</AccordionContent>
</AccordionItem>
</Accordion>
)
}