# Card Stack

Pilha de cards em que o de cima vai pro fundo quando você arrasta e solta, como num baralho.

- Nome no registry: `card-stack`
- Tipo: componente
- Dependências npm: motion
- Demo: https://ui.visantlabs.com/c/card-stack
- Categorias: conteudo, pilha, arrastar, gesto, depoimentos, cards

## Quando usar

- Use quando: Pilha de cards arrastáveis pra passar depoimentos ou dicas um a um, em landing ou onboarding
- Evite quando: Cartões de pagamento com saldo: wallet-stack; depoimentos todos à vista, testimonial-wall

## Instalar

```bash
npx shadcn@latest add @visant/card-stack
```

## Usar

```tsx
<CardStack
  label="Depoimentos"
/>
```

## API

### CardStack

- `getKey: (item: T) => string` — Chave estável por item.
- `getLabel: (item: T) => string` — Nome curto do card, para o rótulo acessível e o aviso de troca.
- `items: T[]` — Os cards, na ordem em que a pilha começa.
- `renderCard: (item: T) => any` — O conteúdo de cada card.
- `className?: string`
- `label?: string = "Pilha de cards"` — Nome acessível da pilha.
- `onCycle?: (top: T) => void` — Chamado quando um card vai para o fundo, com o item que subiu para o topo.