Skip to content

NumberField

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

The outer grid wrapper for a numeric input with optional increment / decrement steppers. Pure layout (grid gap-1.5) so a label, the input, and any messaging stack at the standard form rhythm. The visible input chrome lives on NumberFieldInput.root; the absolute-positioned steppers are anchored by NumberFieldContent.root.

Vue component: NumberField

SlotDefault classesDescription
rootgrid gap-1.5The outer grid wrapper for a numeric input with optional increment / decrement steppers. Pure layout (grid gap-1.5) so a label, the input, and any messaging stack at the standard form rhythm. The visible input chrome lives on NumberFieldInput.root; the absolute-positioned steppers are anchored by NumberFieldContent.root.

root

The outer grid wrapper for a numeric input with optional increment / decrement steppers. Pure layout (grid gap-1.5) so a label, the input, and any messaging stack at the standard form rhythm. The visible input chrome lives on NumberFieldInput.root; the absolute-positioned steppers are anchored by NumberFieldContent.root.

Default classes:

grid gap-1.5

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

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2