Expandable Card
Card that smoothly expands to reveal details using grid-rows animation, with aria-expanded and aria-controls.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
ExpandableCardProps
Also accepts all props of Omit<React.ComponentProps<"div">, "title">
| Prop | Type | Default | Description |
|---|---|---|---|
| title* required | React.ReactNode | — | — |
| summary | React.ReactNode | — | — |
| icon | React.ReactNode | — | — |
| children* required | React.ReactNode | — | Revealed details |
| defaultOpen | boolean | false | — |
| onOpenChange | (open: boolean) => void | — | — |
Install
$ npx shadcn@latest add https://chromotion.dev/r/expandable-card.json