Radio
Radio with spring-scale inner dot animation. Use ARadioGroup for mutually exclusive selection.
Basic Usage
Selected: opt-2
vue
<ARadioGroup v-model="value">
<ARadio value="opt-1" label="Option 1" />
<ARadio value="opt-2" label="Option 2" />
</ARadioGroup>Disabled
API
ARadio Props
| Name | Type | Default | Description |
|---|---|---|---|
value | string | number | boolean | Required | The option's value |
modelValue | string | number | boolean | — | Bound value (not needed inside Group) |
label | string | — | Label text |
name | string | — | Native name (can omit inside Group) |
disabled | boolean | false | Disabled |
ARadioGroup Props
| Name | Type | Default | Description |
|---|---|---|---|
modelValue | string | number | boolean | — | Currently selected value |
name | string | — | Group name, auto-passed to children |
disabled | boolean | false | Disable entire group |
Emits (ARadioGroup)
| Name | Parameters | Description |
|---|---|---|
update:modelValue | value | Value changed |
change | value | Selection changed |