---
title: "Radio"
canonical: https://sky-ui.cf.sky.com/components/radio
---

# Radio

Radios offer mutually exclusive options for users to select.

## Purpose

Radios are form elements used to display lists with two or more options that are mutually exclusive. The user can only select one Radio item per list.

**Note:** Even though the Radio is its own component, we recommend using the [Control
  Field](/components/control-field) instead because it offers a label,
  validation message, and in-line messaging.

## Anatomy

The Radio component can be broken down into the following elements -

1. **Radio Indicator** <br /> The [Radio](/components/radio/) indicator shows if a selection has been made.

2. **Text Label** <br /> The text label is used to describe the option to the user.

3. **In-line Messaging** <br /> An optional text field that can be used for further information, clarifying the option.

## Variants & States

- Status: Unselected, Selected, Error
- States: Default, Hover, Focus, Disabled, Read Only
- Label: on/off
- In-line Messaging: off/on