feat(checkbox): add custom validation message

oruga-ui · Aug 2, 2024 · 27bd868 · 27bd868
1 parent 057c132
commit 27bd868
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/packages/oruga/src/components/checkbox/Checkbox.vue b/packages/oruga/src/components/checkbox/Checkbox.vue
@@ -86,11 +86,22 @@ const props = defineProps({
         type: String,
         default: () => getOption("checkbox.autocomplete", "off"),
     },
-    /** Enable html 5 native validation */
+    /** Enable HTML 5 native validation */
     useHtml5Validation: {
         type: Boolean,
         default: () => getOption("useHtml5Validation", true),
     },
+    /** Custom HTML 5 validation error to set on the form control */
+    customValidity: {
+        type: [String, Function] as PropType<
+            | string
+            | ((
+                  currentValue: boolean | null | undefined,
+                  state: ValidityState,
+              ) => string)
+        >,
+        default: "",
+    },
     // class props (will not be displayed in the docs)
     /** Class of the root element */
     rootClass: {