docs(radiobuttongroup): provide unique names for each story (#16356)

carbon-design-system · May 13, 2024 · 28393e6 · 28393e6
1 parent e84ae33
commit 28393e6
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git 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
@@ -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"