Updated: Radio component example code.

StaticMania · Dec 18, 2024 · 9e13e7a · 9e13e7a
1 parent 2837d56
commit 9e13e7a
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 14 deletions.
diff --git a/components/content/docs/components/radio/DefaultRadio.vue b/components/content/docs/components/radio/DefaultRadio.vue
@@ -21,8 +21,12 @@ const picked = ref("bangladesh");
           <Label for="bd">Bangladesh</Label>
         </fieldset>
         <fieldset class="flex items-center gap-2">
-          <Radio id="india" v-model="picked" name="country" value="india" />
-          <Label for="india">India</Label>
+          <Radio
+            id="palestine"
+            v-model="picked"
+            name="country"
+            value="palestine" />
+          <Label for="palestine">Palestine</Label>
         </fieldset>
       </form>
     </div>

diff --git a/components/content/docs/components/radio/RadioVariant.vue b/components/content/docs/components/radio/RadioVariant.vue
@@ -32,12 +32,11 @@ const selected = ref("bangladesh");
         </fieldset>
         <fieldset class="flex items-center gap-2">
           <Radio
-            id="in"
+            id="palestine"
             v-model="selected"
             name="country"
-            variant="circle"
-            value="india" />
-          <Label for="in">India</Label>
+            value="palestine" />
+          <Label for="palestine">Palestine</Label>
         </fieldset>
       </form>
     </div>

diff --git a/components/content/docs/components/radio/radioCode.ts b/components/content/docs/components/radio/radioCode.ts
@@ -20,8 +20,12 @@ console.log(picked);
       <Label for="bd">Bangladesh</Label>
     </fieldset>
     <fieldset class="flex items-center gap-2">
-      <Radio id="india" v-model="picked" name="country" value="india" />
-      <Label for="india">India</Label>
+      <Radio
+        id="palestine"
+        v-model="picked"
+        name="country"
+        value="palestine" />
+      <Label for="palestine">Palestine</Label>
     </fieldset>
   </form>
 </template>
@@ -59,12 +63,11 @@ console.log(selected)
         <Label for="bangladesh">Bangladesh</Label>
       </fieldset>
       <fieldset class="flex items-center gap-2">
-        <Radio
-         id="india"
-          v-model="selected"
-          name="country"
-          variant="circle"
-          value="india" />
+         <Radio
+            id="palestine"
+            v-model="selected"
+            name="country"
+            value="palestine" />
         <Label for="india">India</Label>
       </fieldset>
     </form>