Skip to content

NumberFieldContent

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

The inner wrapper that hosts NumberFieldInput.root plus the optional stepper buttons. Reserves horizontal pad on the input (pl-5 / pr-5) only when NumberFieldDecrement / NumberFieldIncrement are actually rendered, so a stepperless number field keeps the standard control padding and a stepper-bearing one never crashes a digit string into the glyphs. relative is the anchor for the absolute-positioned steppers.

Vue component: NumberFieldContent

SlotDefault classesDescription
root2 classesThe inner wrapper that hosts NumberFieldInput.root plus the optional stepper buttons. Reserves horizontal pad on the input (pl-5 / pr-5) only when NumberFieldDecrement / NumberFieldIncrement are actually rendered, so a stepperless number field keeps the standard control padding and a stepper-bearing one never crashes a digit string into the glyphs. relative is the anchor for the absolute-positioned steppers.

root

The inner wrapper that hosts NumberFieldInput.root plus the optional stepper buttons. Reserves horizontal pad on the input (pl-5 / pr-5) only when NumberFieldDecrement / NumberFieldIncrement are actually rendered, so a stepperless number field keeps the standard control padding and a stepper-bearing one never crashes a digit string into the glyphs. relative is the anchor for the absolute-positioned steppers.

Default classes:

text
relative [&>[data-slot=input]]:has-[[data-slot=increment]]:pr-5
[&>[data-slot=input]]:has-[[data-slot=decrement]]:pl-5

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

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