Radio
Basic usage
Disabled
Disable the Radio with the disabled attribute.
Radio button group
Combine dd-radio-group with dd-radio to display a radio group. Bind a variable with v-model of dd-radio-group
Button style
Radio with button styles.
With borders
Size
Radio API
Radio Attributes
| Name | Description | Type | Default | Version |
|---|---|---|---|---|
| checked(v-model) | binding value | boolean | — | |
| value | value | string | number | boolean | — | |
| disabled | disabled | boolean | false | |
| size | size | large | default | small | — |
Radio Events
| Name | Description | Type |
|---|---|---|
| change | only if the modelValue has changed | (value: string | number | boolean) => void |
Radio Slots
| Name | Description |
|---|---|
| default | customize default content |
RadioGroup API
RadioGroup Attributes
| Name | Description | Type | Default | Version |
|---|---|---|---|---|
| value(v-model) | binding value | string | number | boolean | — | |
| disabled | disabled | boolean | false | |
| size | size | large | default | small | — | |
| buttonStyle | buttonStyle | outline | solid | outline |
RadioGroup Events
| Name | Description | Type |
|---|---|---|
| change | only if the modelValue has changed | (value: string | number | boolean, oldValue: string | number | boolean) => void |
RadioGroup Slots
| Name | Description |
|---|---|
| default | customize default content |
Contributors
lazy