diff --git a/src/components/button-toggle-group/button-toggle-group.component.js b/src/components/button-toggle-group/button-toggle-group.component.js index 068d9ab47b..e747dead9c 100644 --- 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 index f9e4e4ed32..3dc5e43bfd 100644 --- 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 = {