fix(radio-samples): add name attribute (#553)

Co-authored-by: Teodosia Hristodorova <52423497+teodosiah@users.noreply.github.com>
IgniteUI · Oct 13, 2023 · 863e2a7 · 863e2a7
1 parent 28d855e
commit 863e2a7
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 17 deletions.
diff --git a/samples/inputs/radio/alignment/index.html b/samples/inputs/radio/alignment/index.html
@@ -32,10 +32,10 @@
       <div class="container sample">
         <div style="width: 430px; border: 1px solid gainsboro">
           <igc-radio-group alignment="horizontal">
-            <igc-radio>Apple</igc-radio>
-            <igc-radio checked>Banana</igc-radio>
-            <igc-radio>Mango</igc-radio>
-            <igc-radio>Orange</igc-radio>
+            <igc-radio name="fruit">Apple</igc-radio>
+            <igc-radio name="fruit" checked>Banana</igc-radio>
+            <igc-radio name="fruit">Mango</igc-radio>
+            <igc-radio name="fruit">Orange</igc-radio>
           </igc-radio-group>
         </div>
       </div>

diff --git a/samples/inputs/radio/disabled/index.html b/samples/inputs/radio/disabled/index.html
@@ -32,10 +32,10 @@
       <div class="container sample">
         <div style="width: 400px; border: 1px solid gainsboro">
           <igc-radio-group>
-            <igc-radio>Apple</igc-radio>
-            <igc-radio disabled>Banana</igc-radio>
-            <igc-radio>Mango</igc-radio>
-            <igc-radio>Orange</igc-radio>
+            <igc-radio name="fruit">Apple</igc-radio>
+            <igc-radio name="fruit" disabled>Banana</igc-radio>
+            <igc-radio name="fruit">Mango</igc-radio>
+            <igc-radio name="fruit">Orange</igc-radio>
           </igc-radio-group>
         </div>
       </div>

diff --git a/samples/inputs/radio/group/index.html b/samples/inputs/radio/group/index.html
@@ -16,10 +16,10 @@
             <div class="container sample">
                 <div style="width: 400px; border: 1px solid gainsboro">
                     <igc-radio-group>
-                        <igc-radio value="apple">Apple</igc-radio>
-                        <igc-radio value="banana" checked>Banana</igc-radio>
-                        <igc-radio value="mango">Mango</igc-radio>
-                        <igc-radio value="orange">Orange</igc-radio>
+                        <igc-radio name="fruit" value="apple">Apple</igc-radio>
+                        <igc-radio name="fruit" value="banana" checked>Banana</igc-radio>
+                        <igc-radio name="fruit" value="mango">Mango</igc-radio>
+                        <igc-radio name="fruit" value="orange">Orange</igc-radio>
                     </igc-radio-group>
                 </div>
             </div>

diff --git a/samples/inputs/radio/label/index.html b/samples/inputs/radio/label/index.html
@@ -32,10 +32,11 @@
       <div class="container sample">
         <div style="width: 400px; border: 1px solid gainsboro">
           <igc-radio-group>
-            <igc-radio label-position="before" value="apple">Apple</igc-radio>
+            <igc-radio name="fruit" label-position="before" value="apple">Apple</igc-radio>
             <div style="display: flex; align-items: center">
               <span id="radio-label">Label</span>
               <igc-radio
+                name="fruit"
                 label-position="before"
                 aria-labelledby="radio-label"
                 value="orange"

diff --git a/samples/inputs/radio/styling/index.html b/samples/inputs/radio/styling/index.html
@@ -32,10 +32,10 @@
       <div class="container sample">
         <div style="width: 400px; border: 1px solid gainsboro">
           <igc-radio-group>
-            <igc-radio>Apple</igc-radio>
-            <igc-radio checked>Banana</igc-radio>
-            <igc-radio>Mango</igc-radio>
-            <igc-radio>Orange</igc-radio>
+            <igc-radio name="fruit">Apple</igc-radio>
+            <igc-radio name="fruit" checked>Banana</igc-radio>
+            <igc-radio name="fruit">Mango</igc-radio>
+            <igc-radio name="fruit">Orange</igc-radio>
           </igc-radio-group>
         </div>
       </div>