Foto impresa en dither de 1 bit que el cursor “quema” hasta el color.
npx shadcn@latest add https://reactbits.dev/r/DitherVeil-TS-TW
Refuerzan una interacción concreta: un CTA, una tarjeta, un cursor. Nunca decoran por decorar.
| Prop | Tipo | Por defecto |
|---|---|---|
| src | string | 'https://images.unsplash.com/...' |
| fit | 'contain' | 'cover' | 'contain' |
| pattern | 'bayer' | 'noise' | 'atkinson' | 'floyd' | 'lines' | 'floyd' |
| palette | 'duotone' | 'rgb' | 'duotone' |
| pixelSize | number | 2 |
| levels | number | 2 |
| inkColor | string | '#120f17' |
| paperColor | string | '#f4f1ea' |
| contrast | number | 1.15 |
| brightness | number | 0 |
| revealRadius | number | 200 |
| softness | number | 0.6 |
| linger | number | 1 |
| rimColor | string | '#a78bfa' |
| rim | number | 0 |
| reverse | boolean | false |
| wander | boolean | false |
| clickBurst | boolean | true |
| className | string | '' |
| style | CSSProperties | - |