diff --git a/doc/checkbox/InvalidDoc.vue b/doc/checkbox/InvalidDoc.vue
index c7bbc57a7..abf678c0e 100644
--- a/doc/checkbox/InvalidDoc.vue
+++ b/doc/checkbox/InvalidDoc.vue
@@ -3,7 +3,7 @@
         <p>Invalid state style is added using the <i>p-invalid</i> class to indicate a failed validation.</p>
     </DocSectionText>
     <div class="card flex justify-content-center">
-        <Checkbox v-model="checked" class="p-invalid" />
+        <Checkbox v-model="checked" class="p-invalid" binary />
     </div>
     <DocSectionCode :code="code" />
 </template>
@@ -15,12 +15,12 @@ export default {
             checked: false,
             code: {
                 basic: `
-<Checkbox v-model="checked" class="p-invalid" />
+<Checkbox v-model="checked" class="p-invalid" binary />
 `,
                 options: `
 <template>
     <div class="card flex justify-content-center">
-        <Checkbox v-model="checked" class="p-invalid" />
+        <Checkbox v-model="checked" class="p-invalid" binary />
     </div>
 </template>
 
@@ -37,7 +37,7 @@ export default {
                 composition: `
 <template>
     <div class="card flex justify-content-center">
-        <Checkbox v-model="checked" class="p-invalid" />
+        <Checkbox v-model="checked" class="p-invalid" binary />
     </div>
 </template>