Entrada cuya matriz se arranca a mano con fibras de papel.
npx shadcn@latest add https://reactbits.dev/r/TearTicket-TS-TW
Para acciones frecuentes: confirmar, marcar, valorar. El feedback convierte un clic en una sensación.
| Prop | Tipo | Por defecto |
|---|---|---|
| children | ReactNode | null |
| stub | ReactNode | null |
| image | string | "" |
| imageAlt | string | "" |
| scrim | boolean | true |
| imageRadius | number | 8 |
| orientation | 'horizontal' | 'vertical' | 'horizontal' |
| torn | boolean | - |
| defaultTorn | boolean | false |
| onTear | () => void | - |
| width | number | 460 |
| height | number | 250 |
| stubSize | number | 150 |
| radius | number | 16 |
| holes | number | 12 |
| holeSize | number | 6 |
| notch | number | 3 |
| roughness | number | 0 |
| tearAngle | number | 30 |
| stretch | number | 30 |
| resistance | number | 0.45 |
| rotate | number | 4 |
| tilt | boolean | true |
| tiltMax | number | 9 |
| tiltReach | number | 260 |
| parallax | number | 6 |
| perspective | number | 1000 |
| background | string | "#27272a" |
| color | string | "#f5f5f5" |
| border | boolean | true |
| borderColor | string | "" |
| borderWidth | number | 1 |
| stubBackground | string | "" |
| recenter | boolean | true |
| disabled | boolean | false |
| ariaLabel | string | "Tear off the stub" |
| className | string | "" |