# Cover Flow

Uma prateleira de capas em perspectiva: a da vez fica de frente, as vizinhas giram de lado e você arrasta ou joga pra trocar.

- Nome no registry: `cover-flow`
- Tipo: componente
- Dependências npm: motion
- Demo: https://ui.visantlabs.com/c/cover-flow
- Categorias: conteudo, galeria, carrossel, 3d, portfolio, arrastar, capas

## Quando usar

- Use quando: Galeria de capas em perspectiva com arrasto, pra portfólio, discos ou livros em destaque
- Evite quando: Muitos itens pra navegar: rail; fotos em mosaico, masonry-gallery

## Instalar

```bash
npx shadcn@latest add @visant/cover-flow
```

## Usar

```tsx
<CoverFlow
  cardWidth={200}
  defaultIndex={2}
  label="Projetos"
/>
```

## API

### CoverFlow

- `items: CoverFlowItem[]`
- `cardWidth?: number = 180` — Largura da capa em px. A altura segue 4:5.
- `defaultIndex?: number = 0`
- `label?: string = "Coleção"` — Rótulo da prateleira para leitor de tela.
- `onIndexChange?: (index: number) => void`
- `tilt?: number = 48` — Graus de giro das capas laterais.