fix(RadioGroup): pass option.disabled to children

Fixes #1109
nuxt · Dec 15, 2023 · 0c8ab9d · 0c8ab9d
1 parent 0fdc8f7
commit 0c8ab9d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/docs/content/3.forms/6.radio-group.md b/docs/content/3.forms/6.radio-group.md
@@ -60,15 +60,15 @@ Use the `disabled` prop to disable the RadioGroup.
 ::component-card
 ---
 baseProps:
-  options: [{ value: 'email', label: 'Email' }, { value: 'sms', label: 'Phone (SMS)' }, { value: 'push', label: 'Push notification' }]
+  options: [{ value: 'email', label: 'Email' }, { value: 'sms', label: 'Phone (SMS)' }, { value: 'push', label: 'Push notification', disabled: true }]
   modelValue: 'sms'
 props:
   disabled: true
 ---
 ::
 
 ::callout{icon="i-heroicons-light-bulb"}
-This prop also work on the Radio component.
+This prop also work on the Radio component and you can set the `disabled` field in the `options` to disable a specific Radio.
 ::
 
 ### Label

diff --git a/src/runtime/components/forms/RadioGroup.vue b/src/runtime/components/forms/RadioGroup.vue
@@ -12,7 +12,7 @@
         :label="option.label"
         :model-value="modelValue"
         :value="option.value"
-        :disabled="disabled"
+        :disabled="option.disabled || disabled"
         :ui="uiRadio"
         @change="onUpdate(option.value)"
       >