Components
NumberField
A numeric field with nested ghost steppers on the field paint; ArrowUp / Down step.
NumberField
No claude.ai instance (cds NumberInput shares the field paint). The box takes the focus ring from the input; the 22×22 steppers sit 5px in; at min / max the stepper fades to .4.
default (0–10)
invalid
disabled
currency
Sizes
data-size on NumberFieldContent: the box, text and nested steppers re-scale together.
Light and dark
light
dark