Accessible accordion component built on Radix UI primitives, providing collapsible content sections with animated expand/collapse transitions and a rotating chevron indicator. ## Key Components | Export | Description | |--------|-------------| | `Accordion` | Root container (re-export of `AccordionPrimitive.Root`); accepts `type="single"` or `type="multiple"` | | `AccordionItem` | Individual collapsible section with a bottom border | | `AccordionTrigger` | Clickable header with a `ChevronDown` icon that rotates 180° when open | | `AccordionContent` | Animated content panel using `animate-accordion-up/down` Tailwind keyframes | ## Usage Example ```typescript import { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from "@/components/ui/accordion" export function FAQAccordion() { return ( What is OpenFrame? OpenFrame is a unified AI-driven platform for MSP operations. How does Mingo AI work? Mingo AI automates IT support tasks for technicians. ) } ``` ## Notes - **`type="single"`** allows only one open item at a time; **`type="multiple"`** allows several. - Pass `collapsible` on a `single` accordion to allow closing the active item. - All components forward refs and accept standard Radix UI props alongside `className` for Tailwind customization. - Source: [`accordion.tsx`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/accordion.tsx)