fix(VCheckbox): show correct color in error state (#19286)

fixes #19127 Co-authored-by: Son Tran <stt@cct-technology.com>
vuetifyjs · Feb 29, 2024 · 7029f06 · 7029f06
1 parent cfd92c1
commit 7029f06
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/packages/vuetify/src/components/VCheckbox/VCheckbox.tsx b/packages/vuetify/src/components/VCheckbox/VCheckbox.tsx
@@ -75,6 +75,7 @@ export const VCheckbox = genericComponent<new <T>(
               messagesId,
               isDisabled,
               isReadonly,
+              isValid,
             }) => (
               <VCheckboxBtn
                 { ...checkboxProps }
@@ -83,6 +84,7 @@ export const VCheckbox = genericComponent<new <T>(
                 disabled={ isDisabled.value }
                 readonly={ isReadonly.value }
                 { ...controlAttrs }
+                error={ isValid.value === false }
                 v-model={ model.value }
                 onFocus={ focus }
                 onBlur={ blur }