<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 usa-radio__input--tile" 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 usa-radio__input--tile" 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 usa-radio__input--tile" 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 usa-radio__input--tile" 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.
{%- set inputClasses = 'usa-radio__input ' + classes -%}
<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="{{ inputClasses }}" 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="{{ inputClasses }}" 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="{{ inputClasses }}" 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="{{ inputClasses }}" 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: 2.1.0
uswds:
path: ../../dist
label: Tile Radio Buttons
classes: usa-radio__input--tile