diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index fee5e9a8..b793edff 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -2974,7 +2974,7 @@ None.
 | selected      | No       | <code>let</code> | Yes      | <code>string &#124; number</code>           | <code>undefined</code>    | Set the selected radio button value                      |
 | disabled      | No       | <code>let</code> | No       | <code>boolean</code>                        | <code>false</code>        | Set to `true` to disable the radio buttons               |
 | required      | No       | <code>let</code> | No       | <code>boolean</code>                        | <code>undefined</code>    | Set to `true` to require the selection of a radio button |
-| name          | No       | <code>let</code> | No       | <code>string</code>                         | <code>undefined</code>    | Specify a name attribute for the radio button inputs     |
+| name          | Yes      | <code>let</code> | No       | <code>string</code>                         | <code>undefined</code>    | Specify a name attribute for the radio button inputs     |
 | legendText    | No       | <code>let</code> | No       | <code>string</code>                         | <code>""</code>           | Specify the legend text                                  |
 | hideLegend    | No       | <code>let</code> | No       | <code>boolean</code>                        | <code>false</code>        | Set to `true` to visually hide the legend                |
 | labelPosition | No       | <code>let</code> | No       | <code>"right" &#124; "left"</code>          | <code>"right"</code>      | Specify the label position                               |
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 4cf6377a..1d4298bc 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -9641,7 +9641,7 @@
           "type": "string",
           "isFunction": false,
           "isFunctionDeclaration": false,
-          "isRequired": false,
+          "isRequired": true,
           "constant": false,
           "reactive": false
         },
diff --git a/docs/src/pages/components/RadioButton.svx b/docs/src/pages/components/RadioButton.svx
index 6bf8a9cb..2cbda59d 100644
--- a/docs/src/pages/components/RadioButton.svx
+++ b/docs/src/pages/components/RadioButton.svx
@@ -79,7 +79,7 @@ Use the `selected` prop to bind and update the selected value.
 
 ## Skeleton
 
-<RadioButtonGroup legendText="Storage tier (disk)">
+<RadioButtonGroup legendText="Storage tier (disk)" name="skeleton">
   <RadioButtonSkeleton />
   <RadioButtonSkeleton />
   <RadioButtonSkeleton />
@@ -87,8 +87,8 @@ Use the `selected` prop to bind and update the selected value.
 
 ## Skeleton (vertical)
 
-<RadioButtonGroup orientation="vertical" legendText="Storage tier (disk)">
+<RadioButtonGroup orientation="vertical" legendText="Storage tier (disk)" name="skeleton-vertical">
   <RadioButtonSkeleton />
   <RadioButtonSkeleton />
   <RadioButtonSkeleton />
-</RadioButtonGroup>
\ No newline at end of file
+</RadioButtonGroup>
diff --git a/docs/src/pages/framed/Theme/Theme.svelte b/docs/src/pages/framed/Theme/Theme.svelte
index b99cb540..f6b24830 100644
--- a/docs/src/pages/framed/Theme/Theme.svelte
+++ b/docs/src/pages/framed/Theme/Theme.svelte
@@ -10,7 +10,11 @@
 
 <Theme bind:theme />
 
-<RadioButtonGroup legendText="Carbon theme" bind:selected="{theme}">
+<RadioButtonGroup
+  legendText="Carbon theme"
+  name="theme"
+  bind:selected="{theme}"
+>
   {#each ["white", "g10", "g80", "g90", "g100"] as value}
     <RadioButton labelText="{value}" value="{value}" />
   {/each}
diff --git a/docs/src/pages/framed/Theme/ThemePersist.svelte b/docs/src/pages/framed/Theme/ThemePersist.svelte
index bd43a91a..7b688d7d 100644
--- a/docs/src/pages/framed/Theme/ThemePersist.svelte
+++ b/docs/src/pages/framed/Theme/ThemePersist.svelte
@@ -10,7 +10,11 @@
 
 <Theme bind:theme persist persistKey="__carbon-theme" />
 
-<RadioButtonGroup legendText="Carbon theme" bind:selected="{theme}">
+<RadioButtonGroup
+  legendText="Carbon theme"
+  name="theme"
+  bind:selected="{theme}"
+>
   {#each ["white", "g10", "g80", "g90", "g100"] as value}
     <RadioButton labelText="{value}" value="{value}" />
   {/each}
diff --git a/docs/src/pages/index.svelte b/docs/src/pages/index.svelte
index 7c036b81..a1c99945 100644
--- a/docs/src/pages/index.svelte
+++ b/docs/src/pages/index.svelte
@@ -118,6 +118,7 @@
         <RadioButtonGroup
           style="margin-top: var(--cds-spacing-08)"
           legendText="Carbon themes"
+          name="theme"
           bind:selected="{$theme}"
         >
           {#each ["white", "g10", "g80", "g90", "g100"] as value}
diff --git a/src/RadioButton/RadioButton.svelte b/src/RadioButton/RadioButton.svelte
index 233faf28..4382bd0f 100644
--- a/src/RadioButton/RadioButton.svelte
+++ b/src/RadioButton/RadioButton.svelte
@@ -54,6 +54,22 @@
   }
 
   $: checked = $selectedValue === value;
+
+  function onChange() {
+    if (update) {
+      update(value);
+    } else {
+      checked = ref.checked;
+
+      if (name != null && name != "") {
+        Array.from(document.getElementsByName(name))
+          .filter((element) => element !== ref)
+          .forEach((element) =>
+            element.dispatchEvent(new CustomEvent("carbon:checked-change"))
+          );
+      }
+    }
+  }
 </script>
 
 <div
@@ -72,10 +88,9 @@
     value="{value}"
     class:bx--radio-button="{true}"
     on:change
-    on:change="{() => {
-      if (update) {
-        update(value);
-      }
+    on:change="{onChange}"
+    on:carbon:checked-change="{(e) => {
+      checked = e.currentTarget.checked;
     }}"
   />
   <label class:bx--radio-button__label="{true}" for="{id}">
diff --git a/src/RadioButtonGroup/RadioButtonGroup.svelte b/src/RadioButtonGroup/RadioButtonGroup.svelte
index 3ae8c5a3..acce5b57 100644
--- a/src/RadioButtonGroup/RadioButtonGroup.svelte
+++ b/src/RadioButtonGroup/RadioButtonGroup.svelte
@@ -22,7 +22,7 @@
    * Specify a name attribute for the radio button inputs
    * @type {string}
    */
-  export let name = undefined;
+  export let name;
 
   /** Specify the legend text */
   export let legendText = "";
diff --git a/tests/Form.test.svelte b/tests/Form.test.svelte
index 5cd91fdd..668deccb 100644
--- a/tests/Form.test.svelte
+++ b/tests/Form.test.svelte
@@ -20,7 +20,7 @@
     <Checkbox id="checkbox-2" labelText="Checkbox Label" disabled />
   </FormGroup>
   <FormGroup legendText="Radio buttons">
-    <RadioButtonGroup selected="default-selected">
+    <RadioButtonGroup selected="default-selected" name="radio-group">
       <RadioButton
         id="radio-1"
         value="standard"
diff --git a/tests/RadioButton.test.svelte b/tests/RadioButton.test.svelte
index 68652677..7d0cc92e 100644
--- a/tests/RadioButton.test.svelte
+++ b/tests/RadioButton.test.svelte
@@ -4,6 +4,7 @@
 
 <RadioButtonGroup
   legendText="Storage tier (disk)"
+  name="group-1"
   selected="standard"
   on:change="{(e) => {
     console.log(e.detail); // string
@@ -16,6 +17,7 @@
 
 <RadioButtonGroup
   legendText="Storage tier (disk)"
+  name="group-2"
   labelPosition="left"
   selected="standard"
 >
@@ -24,7 +26,11 @@
   <RadioButton labelText="Pro (128 GB)" value="pro" />
 </RadioButtonGroup>
 
-<RadioButtonGroup orientation="vertical" legendText="Storage tier (disk)">
+<RadioButtonGroup
+  orientation="vertical"
+  legendText="Storage tier (disk)"
+  name="group-3"
+>
   <RadioButtonSkeleton />
   <RadioButtonSkeleton />
   <RadioButtonSkeleton />
diff --git a/types/RadioButtonGroup/RadioButtonGroup.svelte.d.ts b/types/RadioButtonGroup/RadioButtonGroup.svelte.d.ts
index b341e6ec..b5285a89 100644
--- a/types/RadioButtonGroup/RadioButtonGroup.svelte.d.ts
+++ b/types/RadioButtonGroup/RadioButtonGroup.svelte.d.ts
@@ -26,7 +26,7 @@ type $Props = {
    * Specify a name attribute for the radio button inputs
    * @default undefined
    */
-  name?: string;
+  name: string;
 
   /**
    * Specify the legend text