Accordion

animated-accordion

Installation


pnpm dlx shadcn@latest add https://ui.sanjid.shop/r/accordion.json

Props

Prop	Type	Required	Default	Description
items	array	Yes	–	The items to display in the accordion
allowMultiple	boolean	No	false	Allow multiple items to be open at the same time
defaultOpen	string[]	No	[]	The default open items
className	string	No		The class name to apply to the accordion group

Usage

1import { Accordion, AccordionGroup } from "@/components/ui/animated-accordion";

1<AccordionGroup2  items={[3    {4      id: "accordion-1",5      title: "Accordion 1",6      content: "Content 1",7    },8    {9      id: "accordion-2",10      title: "Accordion 2",11      content: "Content 2",12    },13  ]}14/>

Accordion

Installation

Props

Usage

Build your next big idea with us