carbon-components/html/radio-button/radio-button.html

Carbon Components is a component library for IBM Cloud

<!--
  Copyright IBM Corp. 2016, 2018

  This source code is licensed under the Apache-2.0 license found in the
  LICENSE file in the root directory of this source tree.
-->

<fieldset class="bx--fieldset">
  <legend class="bx--label">Radio button label</legend>
  <div class="bx--form-item">
    <div class="bx--radio-button-group ">
        <div class="bx--radio-button-wrapper">
          <input id="radio-button-k7ryo5sqm0p-1" class="bx--radio-button" type="radio" value="red" name="radio-button" tabindex="0" checked>
          <label for="radio-button-k7ryo5sqm0p-1" class="bx--radio-button__label">
            <span class="bx--radio-button__appearance"></span>
            <span class="bx--radio-button__label-text">Radio button label</span>
          </label>
        </div>
        <div class="bx--radio-button-wrapper">
          <input id="radio-button-k7ryo5sqm0p-2" class="bx--radio-button" type="radio" value="green" name="radio-button" tabindex="0">
          <label for="radio-button-k7ryo5sqm0p-2" class="bx--radio-button__label">
            <span class="bx--radio-button__appearance"></span>
            <span class="bx--radio-button__label-text">Radio button label</span>
          </label>
        </div>
        <div class="bx--radio-button-wrapper">
          <input id="radio-button-k7ryo5sqm0p-3" class="bx--radio-button" type="radio" value="blue" name="radio-button" tabindex="0" disabled>
          <label for="radio-button-k7ryo5sqm0p-3" class="bx--radio-button__label">
            <span class="bx--radio-button__appearance"></span>
            <span class="bx--radio-button__label-text">Radio button label</span>
          </label>
        </div>
    </div>
  </div>
</fieldset>