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.relativeis the anchor for the absolute-positioned steppers.
Vue component: NumberFieldContent
| Slot | Default classes | Description |
|---|---|---|
| root | 2 classes | 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. |
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.relativeis the anchor for the absolute-positioned steppers.
Default classes:
relative [&>[data-slot=input]]:has-[[data-slot=increment]]:pr-5
[&>[data-slot=input]]:has-[[data-slot=decrement]]:pl-5Source: client/lib/theme/vueda-tailwind/controls/NumberFieldContent.theme.js:17