Campo numérico que se arrastra para cambiar el valor.
npx shadcn@latest add https://reactbits.dev/r/ScrubField-TS-TW
Para acciones frecuentes: confirmar, marcar, valorar. El feedback convierte un clic en una sensación.
| Prop | Tipo | Por defecto |
|---|---|---|
| label | string | "Radius" |
| suffix | string | "px" |
| value | number | undefined |
| defaultValue | number | 24 |
| min | number | 0 |
| max | number | 100 |
| step | number | 1 |
| size | "sm" | "md" | "lg" | "md" |
| sensitivity | number | 2 |
| rubberReach | number | 8 |
| returnDuration | number | 300 |
| coarseMultiplier | number | 10 |
| fineMultiplier | number | 0.1 |
| showDelta | boolean | true |
| showDirty | boolean | false |
| showFill | boolean | true |
| accent | string | "#f5f5f5" |
| chipColor | string | "#27272a" |
| disabled | boolean | false |
| onChange | (value: number) => void | - |
| onCommit | (value: number) => void | - |
| className | string | "" |