Carregando…
Carregando…
Carregando…Stacked card carousel with depth, scale and auto-play support.
Auto-play (3s)
Project Alpha
Q4 Launch Ready
Project Beta
In Review
Project Gamma
Planned
$ npx kikitocn add card-stackimport { CardStack } from "@/components/ui/cn/card-stack/CardStack";
export function CardStackExample() {
return (
<CardStack
cards={[
{ id: 1, content: "Primeiro card" },
{ id: 2, content: "Segundo card" },
{ id: 3, content: "Terceiro card" },
]}
/>
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
cards* | CardStackItem[] | — | Array de { id, content } para empilhar |
offset | number | 10 | Deslocamento vertical entre os cards (px) |
scaleFactor | number | 0.06 | Redução de escala por camada |
autoPlay | boolean | true | Rotacionar automaticamente |
interval | number | 5000 | Intervalo de rotação (ms) |
className | string | — | Classes CSS extras |