Radio button
Radio buttons allow users to select a single option from a list of mutually exclusive options.
| Property | Values | Default value | Required |
|---|---|---|---|
| state | default / hover / down / keyboard focus | default | |
| is selected | yes / no | no | |
| is emphasized | yes / no | no | |
| label | text The text displayed next to a radio button. | - |
{
"slug": "radio-button",
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/component.json",
"$id": "https://opensource.adobe.com/spectrum-design-data/schemas/components/radio-button.json",
"title": "Radio button",
"description": "Radio buttons allow users to select a single option from a list of mutually exclusive options.",
"meta": {
"category": "inputs",
"documentationUrl": "https://spectrum.adobe.com/page/radio-button/"
},
"type": "object",
"properties": {
"state": {
"type": "string",
"enum": [
"default",
"hover",
"down",
"keyboard focus"
],
"default": "default"
},
"isSelected": {
"type": "boolean",
"default": false
},
"isEmphasized": {
"type": "boolean",
"default": false
},
"label": {
"type": "string",
"description": "The text displayed next to a radio button."
}
}
}