fix(FormGroup): forward id to slot

owowagency · Nov 22, 2023 · ffb0567 · ffb0567
1 parent e5cbaaf
commit ffb0567
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/src/components/FormGroup/FormGroup.vue b/src/components/FormGroup/FormGroup.vue
@@ -27,10 +27,12 @@
 
         <!--
         @slot Displays the input
+        @binding {string} id The id of the input
         @binding {boolean} is-invalid Describes if the input is invalid
         @binding {boolean} is-valid Describes if the input is valid
         -->
         <slot
+            :id="id"
             :is-invalid="isInvalid"
             :is-valid="isValid"
         >

diff --git a/src/components/FormGroup/README.md b/src/components/FormGroup/README.md
@@ -31,10 +31,10 @@
 
 ## Slots
 
-| Name    | Description                       | Bindings                                                                                                                  |
-| ------- | --------------------------------- | ------------------------------------------------------------------------------------------------------------------------- |
-| label   | Displays content inside the label | **label** `string` - The text of the label                                                                                |
-| default | Displays the input                | **is-invalid** `boolean` - Describes if the input is invalid<br/>**is-valid** `boolean` - Describes if the input is valid |
+| Name    | Description                       | Bindings                                                                                                                                                            |
+| ------- | --------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| label   | Displays content inside the label | **label** `string` - The text of the label                                                                                                                          |
+| default | Displays the input                | **id** `string` - The id of the input<br/>**is-invalid** `boolean` - Describes if the input is invalid<br/>**is-valid** `boolean` - Describes if the input is valid |
 
 ## Events
 

diff --git a/src/components/FormGroup/__snapshots__/FormGroup.test.ts.snap b/src/components/FormGroup/__snapshots__/FormGroup.test.ts.snap
@@ -5,6 +5,7 @@ exports[`template renders default 1`] = `
   <!--v-if-->
   <!--
         @slot Displays the input
+        @binding {string} id The id of the input
         @binding {boolean} is-invalid Describes if the input is invalid
         @binding {boolean} is-valid Describes if the input is valid
         -->