Spectrum Components API

Schema version: 6.0.0

Radio button

Radio buttons allow users to select a single option from a list of mutually exclusive options.

PropertyValuesDefault valueRequired
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."
    }
  }
}
← Back to home