feat(VNumberInput): support append/prepend inner slots/icons

vuetifyjs · Dec 27, 2024 · 2738654 · 2738654
1 parent 8cb5dab
commit 2738654
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/packages/vuetify/src/labs/VNumberInput/VNumberInput.sass b/packages/vuetify/src/labs/VNumberInput/VNumberInput.sass
@@ -14,9 +14,13 @@
       &::-webkit-inner-spin-button
         -webkit-appearance: none
 
-    .v-field
-      padding-inline-end: 0
-      padding-inline-start: 0
+    &:not(&--append-inner-slot)
+      .v-field
+        padding-inline-end: 0
+
+    &:not(&--prepend-inner-slot)
+      .v-field
+        padding-inline-start: 0
 
     &--inset
       .v-divider

diff --git a/packages/vuetify/src/labs/VNumberInput/VNumberInput.tsx b/packages/vuetify/src/labs/VNumberInput/VNumberInput.tsx
@@ -55,7 +55,7 @@ const makeVNumberInputProps = propsFactory({
     default: 1,
   },
 
-  ...omit(makeVTextFieldProps({}), ['appendInnerIcon', 'modelValue', 'prependInnerIcon']),
+  ...omit(makeVTextFieldProps({}), ['modelValue']),
 }, 'VNumberInput')
 
 export const VNumberInput = genericComponent<VNumberInputSlots>()({
@@ -328,6 +328,8 @@ export const VNumberInput = genericComponent<VNumberInputSlots>()({
             'v-number-input',
             {
               'v-number-input--default': controlVariant.value === 'default',
+              'v-number-input--append-inner-slot': !!slots['append-inner'] || props.appendInnerIcon,
+              'v-number-input--prepend-inner-slot': !!slots['prepend-inner'] || props.prependInnerIcon,
               'v-number-input--hide-input': props.hideInput,
               'v-number-input--inset': props.inset,
               'v-number-input--reverse': props.reverse,