Number field
Enter, format, and step through numeric values.
Default
Type a value, use the arrow keys, or step with the buttons.
Quantity
Affixes
Units stay visible without joining the value.
Hourly rate
$USD
Stacked controls
A vertical stepper leaves room for the value.
Spacing
px
Sizes
Control and type scale together.
Small
Medium
Large
Formatted value
Formatting is applied while the underlying value stays numeric.
Budget
Scrub area
Drag across the label to change the value without typing.
Font size
States
Read-only, invalid, and disabled stay distinct.
Read only
Invalid
Disabled