Radio v0.16.0+

Basic Radio

Options
<hx-radio-control>
  <input
    type="radio"
    id="radBasicDemo"
  />
  <label for="radBasicDemo">
    <hx-radio></hx-radio>
    Radio Label
  </label>
<hx-radio-control>

Webkit-based browsers (e.g., Chrome, Safari, etc.) do not match the :required CSS psuedo-class to radios in a single-item radio group.

Radio Set

Options
<hx-radio-set>
  <hx-radio-control>
    <input
      type="radio"
      id="rad1Demo"
      name="radioSetDemo"
    />
    <label for="rad1Demo">
      <hx-radio></hx-radio>
      Option 1
    </label>
  </hx-radio-control>
  <hx-radio-control>
    <input
      type="radio"
      id="rad2Demo"
      name="radioSetDemo"
    />
    <label for="rad2Demo">
      <hx-radio></hx-radio>
      Option 2
    </label>
  </hx-radio-control>
</hx-radio-set>

See Also