<main class="usa-grid usa-section">
    <fieldset class="usa-fieldset-inputs usa-sans">
        <legend class="usa-sr-only">Historical figures 1</legend>
        <div class="usa-width-one-third">
            <input id="washington" type="checkbox" name="historical-figures-1" value="washington">
            <label for="washington">Booker T. Washington</label>
        </div>
        <div class="usa-width-one-third">
            <input id="douglass" type="checkbox" name="historical-figures-1" value="douglass">
            <label for="douglass">Frederick Douglass</label>
        </div>
        <div class="usa-width-one-third">
            <input id="truth" type="checkbox" name="historical-figures-1" value="truth" checked>
            <label for="truth">Sojourner Truth</label>
        </div>
    </fieldset>
</main>

There are no notes for this item.

<main class="usa-grid usa-section">
  <fieldset class="usa-fieldset-inputs usa-sans">
    <legend class="usa-sr-only">Historical figures 1</legend>
    <div class="usa-width-one-third">
      <input id="washington" type="checkbox" name="historical-figures-1" value="washington">
      <label for="washington">Booker T. Washington</label>
    </div>
    <div class="usa-width-one-third">
      <input id="douglass" type="checkbox" name="historical-figures-1" value="douglass">
      <label for="douglass">Frederick Douglass</label>
    </div>
    <div class="usa-width-one-third">
      <input id="truth" type="checkbox" name="historical-figures-1" value="truth" checked>
      <label for="truth">Sojourner Truth</label>
    </div>
  </fieldset>
</main>
package:
  name: uswds
  version: 1.3.0
uswds:
  path: ../../dist
  • Handle: @multi-column-checkboxes
  • Preview:
  • Filesystem Path: src/components/test/multi-column-checkboxes.njk