Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProCollapsible animated card, built from the collapsible component.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Collapsible animated card, built from the collapsible component. Use it as a starting point for the collapsible in your own screens: copy it, then replace the sample copy, data and handlers with yours.
Do not use it as a finished feature. It is a composition of existing components with sample content and no data layer.
It composes card, collapsible, which the CLI installs for you. It also needs lucide-react.
import { CollapsibleAnimatedCard } from "@/components/collapsible-animated-card"<CollapsibleAnimatedCard />| Prop | Type | Default | Description |
|---|---|---|---|
| - | - | - | The pattern takes no props. Edit the source to change its content and handlers. |
It is built from the card, collapsible components, which keep their own focus, keyboard and ARIA behaviour. The trigger exposes aria-expanded for the region it controls. Keep a visible label or an aria-label on every control you add, and keep icon-only buttons named. Colours come from the theme tokens, spacing and alignment use logical properties so the layout mirrors in right-to-left languages, and motion is turned off under prefers-reduced-motion.
The pattern ships with a test (collapsible-animated-card.test.tsx) that renders it and checks that every button, link, field and other control has an accessible name.
Based on the ReUI example c-collapsible-3 (ReUI, MIT, Copyright (c) 2025 Keenthemes Inc), adapted for tealmac UI. See the third-party notices.