From 4e4a53f224f2ef8fb20657dd89d0be93a4931d12 Mon Sep 17 00:00:00 2001
From: jiverson <jiverson222@gmail.com>
Date: Thu, 16 Mar 2023 08:32:04 -0700
Subject: [PATCH] Fix: RadioButton group documentation

---
 doc/radiobutton/GroupDoc.vue | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/doc/radiobutton/GroupDoc.vue b/doc/radiobutton/GroupDoc.vue
index 32de1ea6c..2b564755b 100644
--- a/doc/radiobutton/GroupDoc.vue
+++ b/doc/radiobutton/GroupDoc.vue
@@ -34,19 +34,19 @@ export default {
                 basic: `
 <div class="flex flex-wrap gap-3">
     <div class="flex align-items-center">
-        <RadioButton v-model="ingredient" inputId="ingredient1" name="pizza" />
+        <RadioButton v-model="ingredient" inputId="ingredient1" name="pizza" value="Cheese" />
         <label for="ingredient1" class="ml-2">Cheese</label>
     </div>
     <div class="flex align-items-center">
-        <RadioButton v-model="ingredient" inputId="ingredient2" name="pizza" />
+        <RadioButton v-model="ingredient" inputId="ingredient2" name="pizza" value="Mushroom" />
         <label for="ingredient2" class="ml-2">Mushroom</label>
     </div>
     <div class="flex align-items-center">
-        <RadioButton v-model="ingredient" inputId="ingredient3" name="pizza" />
+        <RadioButton v-model="ingredient" inputId="ingredient3" name="pizza" value="Pepper" />
         <label for="ingredient3" class="ml-2">Pepper</label>
     </div>
     <div class="flex align-items-center">
-        <RadioButton v-model="ingredient" inputId="ingredient4" name="pizza" />
+        <RadioButton v-model="ingredient" inputId="ingredient4" name="pizza" value="Onion" />
         <label for="ingredient4" class="ml-2">Onion</label>
     </div>
 </div>`,
@@ -55,19 +55,19 @@ export default {
     <div class="card flex justify-content-center">
         <div class="flex flex-wrap gap-3">
             <div class="flex align-items-center">
-                <RadioButton v-model="ingredient" inputId="ingredient1" name="pizza" />
+                <RadioButton v-model="ingredient" inputId="ingredient1" name="pizza" value="Cheese" />
                 <label for="ingredient1" class="ml-2">Cheese</label>
             </div>
             <div class="flex align-items-center">
-                <RadioButton v-model="ingredient" inputId="ingredient2" name="pizza" />
+                <RadioButton v-model="ingredient" inputId="ingredient2" name="pizza" value="Mushroom" />
                 <label for="ingredient2" class="ml-2">Mushroom</label>
             </div>
             <div class="flex align-items-center">
-                <RadioButton v-model="ingredient" inputId="ingredient3" name="pizza" />
+                <RadioButton v-model="ingredient" inputId="ingredient3" name="pizza" value="Pepper" />
                 <label for="ingredient3" class="ml-2">Pepper</label>
             </div>
             <div class="flex align-items-center">
-                <RadioButton v-model="ingredient" inputId="ingredient4" name="pizza" />
+                <RadioButton v-model="ingredient" inputId="ingredient4" name="pizza" value="Onion" />
                 <label for="ingredient4" class="ml-2">Onion</label>
             </div>
         </div>
@@ -88,19 +88,19 @@ export default {
     <div class="card flex justify-content-center">
         <div class="flex flex-wrap gap-3">
             <div class="flex align-items-center">
-                <RadioButton v-model="ingredient" inputId="ingredient1" name="pizza" />
+                <RadioButton v-model="ingredient" inputId="ingredient1" name="pizza" value="Cheese" />
                 <label for="ingredient1" class="ml-2">Cheese</label>
             </div>
             <div class="flex align-items-center">
-                <RadioButton v-model="ingredient" inputId="ingredient2" name="pizza" />
+                <RadioButton v-model="ingredient" inputId="ingredient2" name="pizza" value="Mushroom" />
                 <label for="ingredient2" class="ml-2">Mushroom</label>
             </div>
             <div class="flex align-items-center">
-                <RadioButton v-model="ingredient" inputId="ingredient3" name="pizza" />
+                <RadioButton v-model="ingredient" inputId="ingredient3" name="pizza" value="Pepper" />
                 <label for="ingredient3" class="ml-2">Pepper</label>
             </div>
             <div class="flex align-items-center">
-                <RadioButton v-model="ingredient" inputId="ingredient4" name="pizza" />
+                <RadioButton v-model="ingredient" inputId="ingredient4" name="pizza" value="Onion" />
                 <label for="ingredient4" class="ml-2">Onion</label>
             </div>
         </div>