<demo>

### Radio Group

A group of radio components.

```jsx live
() => {
  const { Group } = Radio;
  
  const Wrapper = () => {
    const [value, setValue] = React.useState('a');
    
    return(
      <>
        <p>Controlled</p>
        <Group value={value} onChange={(val) => setValue(val)}>
          <Radio value="a">A</Radio>
          <Radio value="b">B</Radio>
          <Radio value="c">C</Radio>
          <Radio value="d">D</Radio>
        </Group>
        
        <br/>
        
        <p>Uncontrolled</p>
        <Group defaultValue="a">
          <Radio value="a">A</Radio>
          <Radio value="b">B</Radio>
          <Radio value="c">C</Radio>
          <Radio value="d">D</Radio>
        </Group>
      </>
    );
  };
  
  return (
    <Wrapper />
  );
}
```

</demo>
