El contenido huye del puntero dentro de un área.
npx shadcn@latest add https://reactbits.dev/r/DodgeField-TS-TW
Para acciones frecuentes: confirmar, marcar, valorar. El feedback convierte un clic en una sensación.
| Prop | Tipo | Por defecto |
|---|---|---|
| children | ReactNode | (state) => ReactNode | undefined |
| taunts | string[] | ["Catch me", "Nope", "Too slow", "Almost", "Okay, okay"] |
| notice | string | "" |
| inkColor | string | "#f5f5f5" |
| contrastColor | string | "#18181b" |
| fieldHeight | number | 240 |
| reach | number | 72 |
| radius | number | 120 |
| falloff | number | 2 |
| fleeDuration | number | 130 |
| returnDuration | number | 620 |
| returnBounce | number | 0.1 |
| axis | "both" | "x" | "y" | "both" |
| wall | "clamp" | "bounce" | "clamp" |
| patience | number | 4 |
| disabled | boolean | false |
| onDodge | (count: number) => void | - |
| onRelent | () => void | - |
| onCatch | () => void | - |
| className | string | "" |
| style | CSSProperties | undefined |