---
title: Radio
navTitle: Radio
summaryParagraph: A radio includes a radio input and its label. Radios are used in radio groups that let people select exactly one option from a set.
tags: ["Radio button", "Radio group", "Option button", "Choice", "Selection", "Disc", "Radio input"]
needToKnow:
- Radios are only used in radio groups to let people select exactly one option from a set.
demoStoryId: radio-react--interactive-kaizen-site-demo
---

## Visuals

### UI Kit

<iframe style="border: none;" width="744" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fe3TyAOZKfLg9cA01Iy1Mgm%2FKaizen-Site-embed%3Fnode-id%3D1412%253A7" allowfullscreen></iframe>

<iframe style="border: none;" width="744" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fe3TyAOZKfLg9cA01Iy1Mgm%2FKaizen-Site-embed%3Fnode-id%3D1412%253A54" allowfullscreen></iframe>

## To keep in mind

A radio lets a user choose to select a single item. When used in a [Radio Group](/components/radio-group), a radio lets a user make exactly one selection from a set, which is all visible at the same time.

There must always be more than one radio used together in a [radio group](/components/radio-group).

*   Ensure both label and input are clickable to select the radio. That is, use `label` tags that wrap the `input` element or use a `for` attribute.

## When to use

*   Use radios when a radio group needs items.

## When not to use

*   When there’s limited space, consider using a select dropdown instead.
*   For settings that are immediately applied, consider using a [toggle switch](/components/toggle-switch-field) instead.

## See also

See also [Toggle switch](/components/toggle-switch-field), [Checkbox Field](/components/checkbox-field)

## External Links

Here are some examples of other existing design systems:

- [Material: Radio button](https://material.io/develop/web/components/input-controls/radio-buttons/)
- [Material: Form fields](https://material.io/develop/web/components/input-controls/form-fields/)
- [Lightning: Radio group](https://www.lightningdesignsystem.com/components/radio-group/)