AnimatedPanel
Grid-rows collapse/expand wrapper. Animates 0fr → 1fr with cubic ease and unmounts heavy children when closed.
Preview
Usage
import { AnimatedPanel } from '@ramtt/ui'
<AnimatedPanel isOpen={open} duration={200}>
{/* content */}
</AnimatedPanel>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| isOpen* | boolean | — | Controls whether the panel is expanded |
| children* | ReactNode | — | Panel content |
| duration | number | 200 | Transition duration in ms |
| unmountOnClose | boolean | true | Remove children from DOM after collapse — important for heavy SVG charts |
| className | string | — | Additional Tailwind classes |