Tabs
Transition Panel
A transition panel component that smoothly animates between different content states with customizable transitions and variants.
Tabs with Transition Panel
Card with Transition Panel
Installation
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | React.ReactNode[] | - | Array of React nodes to render as panel content |
activeIndex | number | - | Index of the currently active child to display |
className | string | - | Additional CSS classes for the container |
transition | Transition | - | Framer Motion transition configuration |
variants | { enter: Variant; center: Variant; exit: Variant } | - | Custom animation variants for enter, center, and exit states |