---
title: Radio
path: component/radio
group: Basics
---

## Radio

`RadioGroup` is a [controlled-component][https://facebook.github.io/react/docs/forms.html#controlled-components]. There must be a `onChange` callback dealing with changes outside.

### API

#### Radio

| Props      | Description                                     | Type                  | Default |
| ---------- | ----------------------------------------------- | --------------------- | ------- |
| value      | Compare according to the, determine if selected | `any`                 |         |
| disabled   | Disable the radio                               | `boolean`             |         |
| readOnly   | It specifies the component is read-only         | `boolean`             |         |
| labelStyle | Label inline style                              | `React.CSSProperties` |         |
| className  | custom classname                                | `string`              |         |
| width      | radio's width                                   | `string` \| `number`  |         |
