Lista con trituradora: arrastra una fila para destruirla.
npx shadcn@latest add https://reactbits.dev/r/Shredder-TS-TW
Para acciones frecuentes: confirmar, marcar, valorar. El feedback convierte un clic en una sensación.
| Prop | Tipo | Por defecto |
|---|---|---|
| items | T[] | [] |
| renderItem | (item: T, index: number) => ReactNode | - |
| onShred | (item: T) => void | - |
| onReorder | (items: T[]) => void | - |
| width | number | 340 |
| height | number | 460 |
| inset | number | 14 |
| gap | number | 10 |
| slitHeight | number | 4 |
| fallHeight | number | 140 |
| feedSpeed | number | 180 |
| bite | number | 18 |
| autoFeed | boolean | true |
| stripWidth | number | 10 |
| curl | number | 1 |
| autoAnimate | boolean | false |
| loop | boolean | false |
| loopAfterDelete | boolean | false |
| dragTilt | number | 6 |
| lift | number | 1.02 |
| slitColor | string | "#3f3f46" |
| color | string | "#f5f5f5" |
| disabled | boolean | false |
| className | string | "" |