NumberFieldDecrement
Source: client/lib/theme/vueda-tailwind/controls/index.js
The decrement stepper anchored to the left edge of NumberFieldInput.root. Absolutely positioned so the stepper overlays the input rather than competing for row width;
disabled:opacity-20reads as "at the lower bound" — a stronger fade than the standard 50% control-disabled treatment so a temporarily unusable stepper does not look like a fully disabled field.
Vue component: NumberFieldDecrement
| Slot | Default classes | Description |
|---|---|---|
| root | absolute top-1/2 -translate-y-1/2 left-0 p-3 disabled:cursor-not-allowed disabled:opacity-20 | The decrement stepper anchored to the left edge of NumberFieldInput.root. Absolutely positioned so the stepper overlays the input rather than competing for row width; disabled:opacity-20 reads as "at the lower bound" — a stronger fade than the standard 50% control-disabled treatment so a temporarily unusable stepper does not look like a fully disabled field. |
root
The decrement stepper anchored to the left edge of NumberFieldInput.root. Absolutely positioned so the stepper overlays the input rather than competing for row width;
disabled:opacity-20reads as "at the lower bound" — a stronger fade than the standard 50% control-disabled treatment so a temporarily unusable stepper does not look like a fully disabled field.
Default classes:
absolute top-1/2 -translate-y-1/2 left-0 p-3 disabled:cursor-not-allowed disabled:opacity-20
Source: client/lib/theme/vueda-tailwind/controls/NumberFieldDecrement.theme.js:16