ScrubInput
Native numeric input with optional label dragging, bounds, steps, suffixes, and display formatting.
Use ScrubInput for precise numeric values in an inspector. Keep the native number input as the primary control. Treat label dragging as an optional pointer shortcut.
Interactive example
Loading interactive example
API
Inherited prop contracts
AccessibleNameRequires exactly one accessible name:label,aria-label, oraria-labelledby.Omit<HTMLInputAttributes, 'type' | 'value' | 'min' | 'max' | 'step' | 'aria-label' | 'aria-labelledby'>Props from this native base are accepted except the listed members.
| Member | Type | Kind | Required | Default |
|---|---|---|---|---|
aria-label | string | prop | No | undefined |
aria-labelledby | string | prop | No | undefined |
formatValue | (value: number) => string | callback | No | undefined |
label | string | prop | No | undefined |
max | number | prop | No | undefined |
min | number | prop | No | undefined |
onValueChange | (value: number | undefined) => void | callback | No | undefined |
scrub | boolean | prop | No | false |
step | number | 'any' | prop | No | 1 |
suffix | string | prop | No | undefined |
value | number | binding | No | undefined |
Examples
Source
Loading source