---
nav:
  path: /components
group:
  title: 信息输入
  order: 10
toc: 'content'
---

# Radio 单选框

<code src="../../docs/components/compatibility.tsx" inline="true"></code>

在一组可选项中进行单选。

## 何时使用

- 在一组可选项中进行单选时。

## 代码示例

### Radio

<code src='pages/Radio/index'></code>

### RadioGroup

<code src='pages/RadioGroup/index'></code>

## API

### Radio

| 属性             | 说明                | 类型     | 默认值 |
| ---------------- | ------------------- | -------- | ------ |
| checked          | 是否选中            | boolean  | -      |
| className        | 类名                | string   | -      |
| disabled         | 是否禁用            | boolean  | false  |
| color            | 图标颜色            | string   | -      |
| defaultChecked   | 是否默认选中        | boolean  | false  |
| style            | 样式                | string   | -      |
| value            | 携带的 value 值     | string   | -      |
| onChange         | 状态改变时的回调    | `(checked: boolean, event: [Event](https://opendocs.alipay.com/mini/framework/event-object)) => void` | -      |

### RadioGroup

| 属性          | 说明                | 类型                           | 默认值    |
| ------------- | ------------------- | ------------------------------ | --------- |
| className     | 类名                | string                         | -         |
| color         | 图标颜色            | string                         | -         |
| disabled      | 是否禁用            | boolean                        | false     |
| defaultValue  | 初始值              | string                         | -         |
| label         | 插槽，接收值和索引  | slot                           | -         |
| options       | 可选项               | `{label?: string; value?: string; disabled?: boolean;}[]` | -     |
| position      | 布局方式            | string                         | `vertical` |
| style         | 样式                | string                         | -         |
| value         | 选中的值            | string                         | -         |
| onChange      | 状态改变时的回调    | `(value: string, event: [Event](https://opendocs.alipay.com/mini/framework/event-object)) => void` | -      |