### Basic RadioGroup:

```jsx
const { RadioGroup } = require('./index');
initialState = {};
const handleChange = (checked) => setState({ checked });

<RadioGroup value={state.checked} onChange={handleChange}>
  <Radio tabIndex="1" value="1">
    First
  </Radio>
  <Radio tabIndex="2" value="2">
    Second
  </Radio>
  <Radio tabIndex="3" value="3">
    Third
  </Radio>
</RadioGroup>;
```

### Sizes:

```jsx
const { RadioGroup } = require('./index');
initialState = {
  checked: '1',
};

const handleChange = (checked) => setState({ checked });

<>
  <RadioGroup value={state.checked} onChange={handleChange} size="small">
    <Radio value="1">First small radio</Radio>
    <Radio value="2">Second small radio</Radio>
    <Radio value="3">Third small radio</Radio>
  </RadioGroup>
  <RadioGroup value={state.checked} onChange={handleChange}>
    <Radio value="1">First normal radio</Radio>
    <Radio value="2">Second normal radio</Radio>
    <Radio value="3">Third normal radio</Radio>
  </RadioGroup>
  <RadioGroup value={state.checked} onChange={handleChange} size="large">
    <Radio value="1">First large radio</Radio>
    <Radio value="2">Second large radio</Radio>
    <Radio value="3">Third large radio</Radio>
  </RadioGroup>
</>;
```

### Intent:

```jsx
const { RadioGroup } = require('./index');
initialState = {
  checked: '1',
};
const handleChange = (checked) => setState({ checked });

<RadioGroup value={state.checked} onChange={handleChange}>
  <Radio intent="primary" value="1">
    Primary
  </Radio>
  <Radio intent="info" value="2">
    Info
  </Radio>
  <Radio intent="success" value="3">
    Success
  </Radio>
  <Radio intent="warning" value="4">
    Warning
  </Radio>
  <Radio intent="danger" value="5">
    Danger
  </Radio>
</RadioGroup>;
```

### Disabled:

```jsx
const { RadioGroup } = require('./index');
initialState = {
  checked: '1',
};
const handleChange = (checked) => setState({ checked });

<RadioGroup value={state.checked} onChange={handleChange} disabled>
  <Radio intent="primary" value="1">
    Primary
  </Radio>
  <Radio intent="info" value="2">
    Info
  </Radio>
  <Radio intent="success" value="3">
    Success
  </Radio>
  <Radio intent="warning" value="4">
    Warning
  </Radio>
  <Radio intent="danger" value="5">
    Danger
  </Radio>
</RadioGroup>;
```

You can apply properties to RadioGroup or Radio element itself.
Radio properties rewrites RadioGroup properties:

```jsx
const { RadioGroup } = require('./index');
initialState = {
  checked: '1',
};
const handleChange = (checked) => setState({ checked });

<RadioGroup value={state.checked} onChange={handleChange} intent="primary">
  <Radio intent="primary" value="1">
    Primary radio
  </Radio>
  <Radio intent="info" value="2">
    Info radio
  </Radio>
  <Radio intent="success" value="3" size="small">
    Small success radio
  </Radio>
  <Radio intent="warning" value="4">
    Warning radio
  </Radio>
  <Radio intent="danger" value="5" size="large">
    Large danger radio
  </Radio>
</RadioGroup>;
```