NumberFieldInput

Source: client/lib/theme/vueda-tailwind/controls/index.js

The numeric <input> itself. Same hairline + focus shell as Input.root, but renders in mono + tabular numerals and centres the value so digit widths stay stable while a stepper cycles through different-length numbers. Mono is the segment-as-token treatment shared with the date / time fields.

Vue component: NumberFieldInput

Slot	Default classes	Description
root	2 classes	The numeric <input> itself. Same hairline + focus shell as Input.root, but renders in mono + tabular numerals and centres the value so digit widths stay stable while a stepper cycles through different-length numbers. Mono is the segment-as-token treatment shared with the date / time fields.

root

The numeric <input> itself. Same hairline + focus shell as Input.root, but renders in mono + tabular numerals and centres the value so digit widths stay stable while a stepper cycles through different-length numbers. Mono is the segment-as-token treatment shared with the date / time fields.

Default classes:

flex h-vueda-control w-full rounded-vueda-field hairline bg-transparent font-mono tabular-nums text-sm text-center shadow-vueda-control transition-shadow
placeholder:text-muted-foreground focus-visible:hairline-ring focus-visible:focus-ring-shadow disabled:cursor-not-allowed disabled:opacity-50

Source: client/lib/theme/vueda-tailwind/controls/NumberFieldInput.theme.js:17