Input-id prop checkbox

* feat: 🎸 Adding a new prop to set the id for inner input Adding a new prop to set the id for inner input for checkbox component * docs: ✏️ Adding helping data on checkbox api file * refactor: 💡 Changing prop name
qburst · Mar 8, 2023 · 276497b · 276497b
1 parent 575a8f2
commit 276497b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/docs/pages/components/checkbox/api/checkbox.js b/docs/pages/components/checkbox/api/checkbox.js
@@ -81,6 +81,13 @@ export default [
                 type: 'String',
                 values: '—',
                 default: '—'
+            },
+            {
+                name: '<code>input-id</code>',
+                description: 'String to set the inner input id',
+                type: 'String',
+                values: '—',
+                default: '—'
             }
         ],
         events: [

diff --git a/src/components/checkbox/Checkbox.vue b/src/components/checkbox/Checkbox.vue
@@ -12,6 +12,7 @@
              trigger the checkbox change in the b-table -->
         <input
             v-model="computedValue"
+            :id="inputId"
             :indeterminate.prop="indeterminate"
             type="checkbox"
             ref="input"
@@ -49,6 +50,10 @@ export default {
         autocomplete: {
             type: String,
             default: 'on'
+        },
+        inputId: {
+            type: String,
+            default: ''
         }
     }
 }