Scrub input
Native numeric input with optional label dragging, bounds, steps, suffixes, and display formatting.
Loading interactive example
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. Compose a duration editor with Select and an explicit Apply button. Keep raw interval text available when the server accepts a broader grammar.
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