PreviewCodeStyle: Is it accessible?Is it styled?Is it animated? Installation CLIManualRun the following command:npx nyxbui@latest add accordionCopyUpdate tailwind.config.jsAdd the following animations to your tailwind.config.js file:tailwind.config.js/** @type {import('tailwindcss').Config} */ module.exports = { theme: { extend: { keyframes: { "accordion-down": { from: { height: "0" }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: "0" }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, }, }, } Usage import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "~/components/ui/accordion" <Accordion type="single" collapsible> <AccordionItem value="item-1"> <AccordionTrigger>Is it accessible?</AccordionTrigger> <AccordionContent> Yes. It adheres to the WAI-ARIA design pattern. </AccordionContent> </AccordionItem> </Accordion>