Bouncy Accordion
Stacked accordion that springs open with a gap and rounded card.
Import
tsx
import { BouncyAccordion } from "@cronus-ui/ui";
bash
npx cronus-ui add bouncy-accordion
Examples
API Reference
Generated from the component's exported types.
BouncyAccordionProps
Extends Omit< ComponentPropsWithoutRef<"div">, "defaultValue" | "onAnimationStart" | "onAnimationEnd" | "onDrag" | "onDragStart" | "onDragEnd" >
| Prop | Type | Default | Description |
|---|---|---|---|
ref | Ref<HTMLDivElement> | — | — |
items* | BouncyAccordionItem[] | — | — |
value | string | null | — | Controlled open item. `null` collapses all. |
defaultValue | string | null | null | — |
onValueChange | (id: string | null) => void | — | — |
labels | Partial<BouncyAccordionLabels> | — | — |