NJ Web Design System (v1.0.0)

Radio Buttons 

<form class="usa-form">
    <fieldset class="usa-fieldset">
        <legend class="usa-legend usa-legend">Select one historical figure</legend>
        <div class="usa-radio">
            <input class="usa-radio__input" id="historical-truth" type="radio" name="historical-figures" value="sojourner-truth">
            <label class="usa-radio__label" for="historical-truth">Sojourner Truth</label>
        </div>
        <div class="usa-radio">
            <input class="usa-radio__input" id="historical-douglass" type="radio" name="historical-figures" value="frederick-douglass">
            <label class="usa-radio__label" for="historical-douglass">Frederick Douglass</label>
        </div>
        <div class="usa-radio">
            <input class="usa-radio__input" id="historical-washington" type="radio" name="historical-figures" value="booker-t-washington">
            <label class="usa-radio__label" for="historical-washington">Booker T. Washington</label>
        </div>
        <div class="usa-radio">
            <input class="usa-radio__input" id="historical-carver" type="radio" name="historical-figures" value="george-washington-carver" disabled>
            <label class="usa-radio__label" for="historical-carver">George Washington Carver</label>
        </div>
    </fieldset>
</form>

No notes defined.

<form class="usa-form">
  <fieldset class="usa-fieldset">
    <legend class="usa-legend usa-legend">Select one historical figure</legend>
    <div class="usa-radio">
      <input class="usa-radio__input" id="historical-truth" type="radio" name="historical-figures" value="sojourner-truth">
      <label class="usa-radio__label" for="historical-truth">Sojourner Truth</label>
    </div>
    <div class="usa-radio">
      <input class="usa-radio__input" id="historical-douglass" type="radio" name="historical-figures" value="frederick-douglass">
      <label class="usa-radio__label" for="historical-douglass">Frederick Douglass</label>
    </div>
    <div class="usa-radio">
      <input class="usa-radio__input" id="historical-washington" type="radio" name="historical-figures" value="booker-t-washington">
      <label class="usa-radio__label" for="historical-washington">Booker T. Washington</label>
    </div>
    <div class="usa-radio">
      <input class="usa-radio__input" id="historical-carver" type="radio" name="historical-figures" value="george-washington-carver" disabled>
      <label class="usa-radio__label" for="historical-carver">George Washington Carver</label>
    </div>
  </fieldset>
</form>
 
package:
  name: null
  version: 1.0.0
uswds:
  path: ../../dist