# Radio

* category: Component
* type: UI Component

---

## Design

This component is often used for option choose situation. Radio items are controlled components.

## API

### Radio

| Props         | Description                                                         | Type                                        | Default |
| ------------- | ------------------------------------------------------------------- | ------------------------------------------- | ------- |
| checked       | select state                                                        | boolean                                     |
| disabled      | disable, or not                                                     | boolean                                     | false   |
| size          | size                                                                | string(small,medium)                        | medium  |
| onChange      | on change function                                                  | function(checked,e)                         |
| type          | radio box type                                                      | string（'normal', 'list', 'empty', 'dot' ） | normal  |
| touchStyle    | touch area style                                                    | object                                      | {}      |
| ignoreContext | ignore context settings, can be usefull in nested Radio.Group usage | bool                                        | false   |



### Radio.group

| Props          | Description                                    | Type              | Default |
| -------------- | ---------------------------------------------- | ----------------- | ------- |
| value          | current selected values                        | any               | ''      |
| onChange       | the callback after the selected value changes  | function(value,e) | ()=>{}  |
| dataSource     | optional data source                           | array             | []      |
| groupItemStyle | `item` external style when `group` is selected | object            | {}      |
| reverse        | reverse label and radio's render order         | bool              | false   |
| renderItem     | custom render method                           | function          | ()      |