diff --git a/packages/vuetify/src/components/VInput/VInput.tsx b/packages/vuetify/src/components/VInput/VInput.tsx index 7b79f1f4180..fe95b64fee4 100644 --- a/packages/vuetify/src/components/VInput/VInput.tsx +++ b/packages/vuetify/src/components/VInput/VInput.tsx @@ -10,6 +10,7 @@ import { makeComponentProps } from '@/composables/component' import { makeDensityProps, useDensity } from '@/composables/density' import { IconValue } from '@/composables/icons' import { useRtl } from '@/composables/locale' +import { makeThemeProps, provideTheme } from '@/composables/theme' import { makeValidationProps, useValidation } from '@/composables/validation' // Utilities @@ -62,6 +63,7 @@ export const makeVInputProps = propsFactory({ ...makeComponentProps(), ...makeDensityProps(), + ...makeThemeProps(), ...makeValidationProps(), }, 'VInput') @@ -92,6 +94,7 @@ export const VInput = genericComponent( setup (props, { attrs, slots, emit }) { const { densityClasses } = useDensity(props) + const { themeClasses } = provideTheme(props) const { rtlClasses } = useRtl() const { InputIcon } = useInputIcon(props) @@ -156,6 +159,7 @@ export const VInput = genericComponent( 'v-input--hide-spin-buttons': props.hideSpinButtons, }, densityClasses.value, + themeClasses.value, rtlClasses.value, validationClasses.value, props.class,