arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-31 04:07:56 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(RadioGroup): pass option.disabled to children

Browse Source 
Fixes #1109
This commit is contained in:
Benjamin Canac
2023-12-16 00:12:40 +01:00
parent 0fdc8f70b6
commit 0c8ab9d98e
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/content/3.forms/6.radio-group.md
View File

@@ -60,7 +60,7 @@ Use the `disabled` prop to disable the RadioGroup.
::component-card ::component-card
--- ---
baseProps: 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' modelValue: 'sms'
props: props:
disabled: true disabled: true
@@ -68,7 +68,7 @@ props:
:: ::
::callout{icon="i-heroicons-light-bulb"} ::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 ### Label

2
src/runtime/components/forms/RadioGroup.vue
View File

@@ -12,7 +12,7 @@
:label="option.label" :label="option.label"
:model-value="modelValue" :model-value="modelValue"
:value="option.value" :value="option.value"
:disabled="disabled" :disabled="option.disabled || disabled"
:ui="uiRadio" :ui="uiRadio"
@change="onUpdate(option.value)" @change="onUpdate(option.value)"
> >