up

benjamincanac · benjamincanac · commit a4e6dd99c134 · 2025-03-31T16:23:41.000+02:00
diff --git a/docs/content/3.components/radio-group.md b/docs/content/3.components/radio-group.md
@@ -109,9 +109,9 @@ props:
 ---
 ::
 
-### Variant
+### Legend
 
-Use the `variant` prop to change the variant of the RadioGroup.
+Use the `legend` prop to set the legend of the RadioGroup.
 
 ::component-code
 ---
@@ -121,25 +121,21 @@ ignore:
   - items
 external:
   - items
+externalTypes:
+  - RadioGroupItem[]
 props:
-  variant: 'table'
-  defaultValue: 'pro'
+  legend: 'Theme'
+  defaultValue: 'System'
   items:
-    - label: 'Pro'
-      value: 'pro'
-      description: 'Tailored for indie hackers, freelancers and solo founders.'
-    - label: 'Startup'
-      value: 'startup'
-      description: 'Best suited for small teams, startups and agencies.'
-    - label: 'Enterprise'
-      value: 'enterprise'
-      description: 'Ideal for larger teams and organizations.'
+    - 'System'
+    - 'Light'
+    - 'Dark'
 ---
 ::
 
-### Legend
+### Color
 
-Use the `legend` prop to set the legend of the RadioGroup.
+Use the `color` prop to change the color of the RadioGroup.
 
 ::component-code
 ---
@@ -152,7 +148,7 @@ external:
 externalTypes:
   - RadioGroupItem[]
 props:
-  legend: 'Theme'
+  color: neutral
   defaultValue: 'System'
   items:
     - 'System'
@@ -161,9 +157,9 @@ props:
 ---
 ::
 
-### Orientation
+### Variant
 
-Use the `orientation` prop to change the orientation of the RadioGroup. Defaults to `vertical`.
+Use the `variant` prop to change the variant of the RadioGroup.
 
 ::component-code
 ---
@@ -173,50 +169,51 @@ ignore:
   - items
 external:
   - items
-externalTypes:
-  - RadioGroupItem[]
 props:
-  orientation: 'horizontal'
-  defaultValue: 'System'
+  color: 'primary'
+  variant: 'table'
+  defaultValue: 'pro'
   items:
-    - 'System'
-    - 'Light'
-    - 'Dark'
+    - label: 'Pro'
+      value: 'pro'
+      description: 'Tailored for indie hackers, freelancers and solo founders.'
+    - label: 'Startup'
+      value: 'startup'
+      description: 'Best suited for small teams, startups and agencies.'
+    - label: 'Enterprise'
+      value: 'enterprise'
+      description: 'Ideal for larger teams and organizations.'
 ---
 ::
 
-### Indicator
+### Size
 
-Use the `indicator` prop to change the position or hide the indicator. Defaults to `left`.
+Use the `size` prop to change the size of the RadioGroup.
 
 ::component-code
 ---
 prettier: true
 ignore:
-  - modelValue
+  - defaultValue
   - items
-  - variant
 external:
   - items
-  - modelValue
-  - variant
 externalTypes:
   - RadioGroupItem[]
-  - RadioGroupValue
 props:
-  indicator: 'left'
-  variant: 'card'
-  modelValue: 'System'
+  size: 'xl'
+  variant: 'list'
+  defaultValue: 'System'
   items:
     - 'System'
     - 'Light'
     - 'Dark'
 ---
 ::
 
-### Color
+### Orientation
 
-Use the `color` prop to change the color of the RadioGroup.
+Use the `orientation` prop to change the orientation of the RadioGroup. Defaults to `vertical`.
 
 ::component-code
 ---
@@ -229,7 +226,8 @@ external:
 externalTypes:
   - RadioGroupItem[]
 props:
-  color: neutral
+  orientation: 'horizontal'
+  variant: 'list'
   defaultValue: 'System'
   items:
     - 'System'
@@ -238,9 +236,9 @@ props:
 ---
 ::
 
-### Size
+### Indicator
 
-Use the `size` prop to change the size of the RadioGroup.
+Use the `indicator` prop to change the position or hide the indicator. Defaults to `start`.
 
 ::component-code
 ---
@@ -253,7 +251,8 @@ external:
 externalTypes:
   - RadioGroupItem[]
 props:
-  size: 'xl'
+  indicator: 'end'
+  variant: 'card'
   defaultValue: 'System'
   items:
     - 'System'
