> For the complete documentation index, see [llms.txt](https://docs.sentre.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sentre.io/design-pricinples/radio.md).

# Radio

### Usage

* Used to select a single state from multiple options.
* The difference from Select is that Radio is visible to the user and can facilitate the comparison of choice, which means there shouldn't be too many of them.

### States

![](/files/N1V3Yg7TBgctZg1skpeX)

### Specs

#### 1. Basic

![](/files/3lEF0GHfPinG0iaelL2c)

#### 2. Radio button

We provide 3 sizes of radio button: large, default and small:

* Large

![](/files/eqN0p8nZ05J2uvjTehTP)

* Default

![](/files/OoB6ZEk3FoXwcgUZH0Jf)

* Small

![](/files/XpSG2kqwja07yEGk37yh)

### Sample code

```
// Some code
```