Radio

<State initial={{ value: 'ex1-1' }}>
  {({ state, setState }) => (
    <div>
      <div>
        <Radio
          checked={state.value === 'ex1-1'}
          id="ex1-1"
          name="ex1"
          value="ex1-1"
          onChange={(name, value) => setState({ value })}
        />
        <FormLabel htmlFor="ex1-1">Value 1</FormLabel>
      </div>
      <div>
        <Radio
          checked={state.value === 'ex1-2'}
          id="ex1-2"
          name="ex1"
          value="ex1-2"
          onChange={(name, value) => setState({ value })}
        />
        <FormLabel htmlFor="ex1-2">Value 2</FormLabel>
      </div>
      <div>
        <Radio
          checked={state.value === 'ex1-3'}
          id="ex1-3"
          name="ex1"
          value="ex1-3"
          onChange={(name, value) => setState({ value })}
        />
        <FormLabel htmlFor="ex1-3">Value 3</FormLabel>
      </div>
    </div>
  )}
</State>

<div>
  <div>
    <Radio
      error={true}
      checked={true}
      id="ex2-1"
      name="ex2"
      value="ex2-1"
      onChange={console.log}
    />
    <FormLabel htmlFor="ex2-1">Value 1</FormLabel>
  </div>
  <div>
    <Radio
      error={true}
      id="ex2-2"
      name="ex2"
      value="ex2-2"
      onChange={console.log}
    />
    <FormLabel htmlFor="ex2-2">Value 2</FormLabel>
  </div>
</div>

<div>
  <div>
    <Radio
      disabled={true}
      checked={true}
      id="ex3-1"
      name="ex3"
      value="ex3-1"
      onChange={console.log}
    />
    <FormLabel htmlFor="ex3-1">Value 1</FormLabel>
  </div>
  <div>
    <Radio
      disabled={true}
      checked={false}
      id="ex3-2"
      name="ex3"
      value="ex3-2"
      onChange={console.log}
    />
    <FormLabel htmlFor="ex3-2">Value 2</FormLabel>
  </div>
</div>