From 28393e61cef7d51539f57b6245980b73f0406f74 Mon Sep 17 00:00:00 2001
From: Taylor Jones <tay1orjones@users.noreply.github.com>
Date: Mon, 13 May 2024 08:08:41 -0500
Subject: [PATCH] docs(radiobuttongroup): provide unique names for each story
 (#16356)

---
 .../react/src/components/FormGroup/FormGroup.stories.js   | 4 ++--
 .../src/components/RadioButton/RadioButton.stories.js     | 8 +++++---
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/react/src/components/FormGroup/FormGroup.stories.js b/packages/react/src/components/FormGroup/FormGroup.stories.js
index d2e0cfccdbd2..6b5018367bbd 100644
--- a/packages/react/src/components/FormGroup/FormGroup.stories.js
+++ b/packages/react/src/components/FormGroup/FormGroup.stories.js
@@ -47,7 +47,7 @@ export const Default = () => (
       <TextInput id="two" labelText="Last Name" />
       <RadioButtonGroup
         legendText="Radio button heading"
-        name="radio-button-group"
+        name="formgroup-default-radio-button-group"
         defaultSelected="radio-1">
         <RadioButton labelText="Option 1" value="radio-1" id="radio-1" />
         <RadioButton labelText="Option 2" value="radio-2" id="radio-2" />
@@ -65,7 +65,7 @@ export const Playground = (args) => (
       <TextInput id="two" labelText="Last Name" />
       <RadioButtonGroup
         legendText="Radio button heading"
-        name="radio-button-group"
+        name="formgroup-playground-radio-button-group"
         defaultSelected="radio-1">
         <RadioButton labelText="Option 1" value="radio-1" id="radio-1" />
         <RadioButton labelText="Option 2" value="radio-2" id="radio-2" />
diff --git a/packages/react/src/components/RadioButton/RadioButton.stories.js b/packages/react/src/components/RadioButton/RadioButton.stories.js
index 659163cb4bb3..bfc07de31df3 100644
--- a/packages/react/src/components/RadioButton/RadioButton.stories.js
+++ b/packages/react/src/components/RadioButton/RadioButton.stories.js
@@ -39,7 +39,9 @@ export default {
 
 export const Default = () => {
   return (
-    <RadioButtonGroup legendText="Group label" name="radio-button-group">
+    <RadioButtonGroup
+      legendText="Group label"
+      name="radio-button-default-group">
       <RadioButton
         labelText="Radio button label"
         value="radio-1"
@@ -64,7 +66,7 @@ export const Vertical = () => {
   return (
     <RadioButtonGroup
       legendText="Group label"
-      name="radio-button-group"
+      name="radio-button-vertical-group"
       defaultSelected="radio-1"
       orientation="vertical">
       <RadioButton
@@ -95,7 +97,7 @@ export const Playground = (args) => {
   return (
     <RadioButtonGroup
       legendText="Radio Button group"
-      name="radio-button-group"
+      name="radio-button-playground-group"
       {...args}>
       <RadioButton
         labelText="Radio button label"