Accordion

Collapsible content sections with animated expand/collapse and single or multiple open mode.

Import

import { Accordion, AccordionItem } from "@/components/ui"

Prop	Type	Default	Description
type	"single" \| "multiple"	"single"	Allow one or multiple items open.
defaultValue	string[]	[]	Initially expanded item values.
children	ReactNode	—	AccordionItem components.

Imagine is a creative AI platform for generating and editing images, videos, and more.

Yes! Our free tier includes 10 generations per day with access to core features.

This accordion allows multiple items to be open at once.

Both this and the item above start expanded.

You cannot expand this item.