fix(button-toggle-group): ensure that id prop is passed to FormField

Sage · Jun 14, 2022 · 0b81a5e · 0b81a5e
1 parent 5fb6cf5
commit 0b81a5e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/components/button-toggle-group/button-toggle-group.component.js b/src/components/button-toggle-group/button-toggle-group.component.js
@@ -38,6 +38,7 @@ const ButtonToggleGroup = ({
   "data-element": dataElement,
   "data-role": dataRole,
   helpAriaLabel,
+  id,
   ...props
 }) => {
   const validationProps = {
@@ -62,6 +63,7 @@ const ButtonToggleGroup = ({
           data-component={dataComponent}
           data-role={dataRole}
           data-element={dataElement}
+          id={id}
           {...validationProps}
           {...filterStyledSystemMarginProps(props)}
         >

diff --git a/src/components/button-toggle-group/button-toggle-group.spec.js b/src/components/button-toggle-group/button-toggle-group.spec.js
@@ -29,6 +29,7 @@ const formFieldProps = [
   ["labelInline", true],
   ["labelWidth", 30],
   ["labelAlign", "right"],
+  ["id", "foo"],
 ];
 
 const buttonToggleGroupVariants = {