Tarjetas en un raíl 3D con profundidad, arrastre y autoplay.
npx shadcn@latest add https://reactbits.dev/r/DepthCarousel-TS-TW
Sustituyen a un componente estándar cuando la experiencia es parte del producto.
| Prop | Tipo | Por defecto |
|---|---|---|
| items | Array<string | { image: string; alt?: string }> | 6 sample images |
| cardWidth | number | 300 |
| cardHeight | number | 380 |
| radius | number | 18 |
| tint | string | "#05060a" |
| depth | number | 220 |
| spread | number | 90 |
| tilt | number | 22 |
| tiltDirection | "left" | "right" | "right" |
| perspective | number | 1400 |
| visibleCards | number | 4 |
| falloff | number | 0.2 |
| blur | number | 6 |
| duration | number | 700 |
| ease | string | "power3.out" |
| autoplay | boolean | false |
| autoplayDelay | number | 3200 |
| loop | boolean | true |
| showControls | boolean | true |
| showIndicators | boolean | true |
| onChange | (index: number, item) => void | undefined |