Stacked Carousel
A self-playing card stack that cycles through items with a smooth, seamless fly-up transition.
Sending to Naru Paswan
Ethereum
20.00 ETH
20.00 ETH
Swapping
ETHUSDC
0.50 ETH
~ 1000 USDC
Sending to Alex Mishra
Solana
12.50 Sol
12.50 Sol
Props
| Property | Type | Default | Description |
|---|---|---|---|
| items | T[] | The data rendered by the carousel. One card per item. | |
| renderItem | (item: T, index: number) => ReactNode | Callback that renders the content of a single card. | |
| interval | number | 1800 | Milliseconds between automatic advances. |
| advanceDelay | number | 400 | Duration of the fly-up animation before the card cycles. |
| containerHeight | number | 220 | Height reserved for the stack container. |
| onAdvance | (index: number) => void | Called with the index of the card that just became active. | |
| className | string | Additional classes for the root wrapper. | |
| cardClassName | string | Additional classes applied to every card. |