```javascript
<div>
  <Radio name="a" value="a" description="Check me" />
  <Radio name="b" value="b" checked description="I'm already checked" />
  <Radio
    name="bar"
    value="bar"
    checked
    description={
      <div>
        <div>A multi-line</div>
        <div>description</div>
      </div>
    }
  />
  <Radio name="c" disabled value="c" description="Can't check this" />
  <Radio name="d" disabled checked value="d" description="Can't uncheck this" />
</div>
```

Radios assembled in a single field:

```javascript
<form
  onSubmit={ev => {
    ev.preventDefault();
    // normally in React you'd use managed state to determine checked value
    const value = document.querySelector('input[name="radios"]:checked').value;
    alert(value);
  }}
>
  <Radio name="radios" value="one" description="One" />
  <Radio name="radios" value="two" description="Two" />
  <Radio name="radios" value="three" checked description="Three" />
  <Radio name="radios" value="four" disabled description="Four" />
  <Button.Submit>Show value</Button.Submit>
</form>
```
