diff --git a/src/components/checkbox/Checkbox.vue b/src/components/checkbox/Checkbox.vue
index 2b5e1563e..4633f90b0 100644
--- a/src/components/checkbox/Checkbox.vue
+++ b/src/components/checkbox/Checkbox.vue
@@ -1,10 +1,9 @@
 <template>
    <div class="p-checkbox p-component" @click="onClick($event)">
        <div class="p-hidden-accessible">
-           <input ref="input" :id="inputId" type="checkbox" :name="name" :checked="checked" :disabled="disabled" @focus="onFocus($event)" @blur="onBlur($event)"
-                    :autocomplete="autocomplete" :autofocus="autofocus">
+           <input ref="input" type="checkbox" :checked="checked" :value="value" v-bind="$attrs" @focus="onFocus($event)" @blur="onBlur($event)">
         </div>
-        <div ref="box" :class="['p-checkbox-box p-component', {'p-highlight': checked, 'p-disabled': disabled, 'p-focus': focused}]">
+        <div ref="box" :class="['p-checkbox-box p-component', {'p-highlight': checked, 'p-disabled': $attrs.disabled, 'p-focus': focused}]">
             <span :class="['p-checkbox-icon p-c', {'pi pi-check': checked}]"></span>
         </div>
     </div>
@@ -14,14 +13,10 @@
 import ObjectUtils from '../utils/ObjectUtils';
 
 export default {
+    inheritAttrs: false,
     props: {
          value: null,
          modelValue: null,
-         name: String,
-         inputId: String,
-         autofocus: Boolean,
-         autocomplete: String,
-         disabled: Boolean,
          binary: Boolean
     },
     model: {
@@ -35,7 +30,7 @@ export default {
     },
     methods: {
         onClick(event) {
-            if (!this.disabled) {
+            if (!this.$attrs.disabled) {
                 let newModelValue;
                 
                 if (this.binary) {
diff --git a/src/views/checkbox/CheckboxDemo.vue b/src/views/checkbox/CheckboxDemo.vue
index 7bfdb36d8..3f7b9273f 100644
--- a/src/views/checkbox/CheckboxDemo.vue
+++ b/src/views/checkbox/CheckboxDemo.vue
@@ -9,7 +9,7 @@
 
         <div class="content-section implementation">
             <h3 class="first">Basic</h3>
-            <Checkbox id="binary" inputId="binary" v-model="checked"/>
+            <Checkbox id="binary" inputId="binary" v-model="checked" :binary="true" />
             <label for="binary" class="p-checkbox-label" style="font-weight: bold">{{checked}}</label>
 
             <h3>Multiple</h3>
diff --git a/src/views/checkbox/CheckboxDoc.vue b/src/views/checkbox/CheckboxDoc.vue
index e5fdf9f48..515875132 100644
--- a/src/views/checkbox/CheckboxDoc.vue
+++ b/src/views/checkbox/CheckboxDoc.vue
@@ -36,6 +36,7 @@ export default {
 					checkboxes as checked by default.</p>
 
 				<h3>Properties</h3>
+                <p>Any valid attribute such as name and autofocus are passed to the underlying input element. Following are the additional properties to configure the component.</p>
 				<div class="doc-tablewrapper">
 					<table class="doc-table">
 						<thead>
@@ -47,48 +48,12 @@ export default {
                             </tr>
 						</thead>
 						<tbody>
-                            <tr>
-                                <td>inputId</td>
-                                <td>string</td>
-                                <td>null</td>
-                                <td>Unique identifier of the inner native checkbox.</td>
-                            </tr>
                             <tr>
                                 <td>value</td>
                                 <td>any</td>
                                 <td>null</td>
                                 <td>Value of the checkbox.</td>
                             </tr>
-                            <tr>
-                                <td>name</td>
-                                <td>string</td>
-                                <td>null</td>
-                                <td>Name of the checkbox element .</td>
-                            </tr>
-                            <tr>
-                                <td>disabled</td>
-                                <td>boolean</td>
-                                <td>false</td>
-                                <td>When present, it specifies that the element value cannot be altered.</td>
-                            </tr>
-                            <tr>
-                                <td>modelValue</td>
-                                <td>any</td>
-                                <td>null</td>
-                                <td>Value of the checkbox.</td>
-                            </tr>
-                            <tr>
-                                <td>autocomplete</td>
-                                <td>string</td>
-                                <td>null</td>
-                                <td>Whether an the element should have autocomplete enabled.</td>
-                            </tr>
-                            <tr>
-                                <td>autofocus</td>
-                                <td>boolean</td>
-                                <td>false</td>
-                                <td>When present, it specifies that the element should automatically get focus when the page loads.</td>
-                            </tr>
                             <tr>
                                 <td>binary</td>
                                 <td>boolean</td>
@@ -191,7 +156,7 @@ export default {
 
 		&lt;div class=&quot;content-section implementation&quot;&gt;
 			&lt;h3 class=&quot;first&quot;&gt;Basic&lt;/h3&gt;
-			&lt;Checkbox id=&quot;binary&quot; inputId=&quot;binary&quot; v-model=&quot;checked&quot;/&gt;
+			&lt;Checkbox id=&quot;binary&quot; inputId=&quot;binary&quot; v-model=&quot;checked&quot; :binary="true"/&gt;
 			&lt;label for=&quot;binary&quot; class=&quot;p-checkbox-label&quot; style=&quot;font-weight: bold&quot;&gt;{{checked}}&lt;/label&gt;
 
 			&lt;h3&gt;Multiple&lt;/h3&gt;