---
name: Radio 单选框
route: /radio
parent: 组件
menu: 数据录入
---
import { Playground, Props } from 'docz'
import  Radio  from '../components/radio'

# Radio 单选框

## 基础用法
>提示: 展开代码编辑器可以在线编辑，实时生效

<Playground>

<Radio options={[{label:'选项1',value:1},
       {label:'选项2',value:2},
       {label:'选项3',value:3},
       {label:'选项4',value:4},
       {label:'选项5',value:5},
       {label:'选项6',value:6}]} 
      onChange={console.log}
/>

</Playground>

## defaultValue

<Playground>

<Radio defaultValue={3} options={[{label:'选项1',value:1},
       {label:'选项2',value:2},
       {label:'选项3',value:3},
       {label:'选项4',value:4},
       {label:'选项5',value:5},
       {label:'选项6',value:6}]} 
      onChange={console.log}
/>

</Playground>

## direction

<Playground>

<Radio direction='vertical' defaultValue={3} options={[{label:'选项1',value:1},
       {label:'选项2',value:2},
       {label:'选项3',value:3},
       {label:'选项4',value:4},
       {label:'选项5',value:5},
       {label:'选项6',value:6}]} 
      onChange={console.log}
/>

</Playground>


## disabled

<Playground>

<Radio direction='vertical' defaultValue={5} options={[{label:'选项1',value:1},
       {label:'选项2',value:2},
       {label:'选项3',value:3,disabled:true},
       {label:'选项4',value:4,disabled:true},
       {label:'选项5',value:5},
       {label:'选项6',value:6}]} 
      onChange={console.log}
/>

</Playground>

## RadioButton

<Playground>
<h3>radioButtonStyle=stroke</h3>
<Radio radioButton radioButtonStyle='stroke' defaultValue={3} options={[{label:'选项1',value:1},
       {label:'选项2',value:2},
       {label:'选项3',value:3},
       {label:'选项4',value:4},
       {label:'选项5',value:5},
       {label:'选项6',value:6}]} 
      onChange={console.log}
/>
<h3>radioButtonStyle=solid</h3>
<Radio radioButton radioButtonStyle='solid' defaultValue={3} options={[{label:'选项1',value:1},
       {label:'选项2',value:2},
       {label:'选项3',value:3},
       {label:'选项4',value:4},
       {label:'选项5',value:5},
       {label:'选项6',value:6}]} 
      onChange={console.log}
/>
</Playground>


## API

<Props of={Radio}/>