Choice Tile v0.4.0+

Basic Choice Tile
Options 
<label class="hxChoice">
  <input type="radio">
  <hx-tile>
    <hx-icon type="checkmark"></hx-icon>
    <div class="hx-tile-icon">
      <hx-icon type="account"></hx-icon>
    </div>
    <header>Title Here</header>
    <p>A couple of descriptive lines or a small bit of help text.</p>
  </hx-tile>
</label>

Option Grid

<div class="hxRow">
  <label class="hxChoice hxCol hxSpan-4-xs">
    <input checked type="radio" name="sample" value="1" />
    <hx-tile>...</hx-tile>
  </label>
  <label class="hxChoice hxCol hxSpan-4-xs">
    <input type="radio" name="sample" value="2" />
    <hx-tile>...</hx-tile>
  </label>
  <label class="hxChoice hxCol hxSpan-4-xs">
    <input type="radio" name="sample" value="3" />
    <hx-tile>...</hx-tile>
  </label>
  <label class="hxChoice hxCol hxSpan-4-xs">
    <input type="radio" name="sample" value="4" />
    <hx-tile>...</hx-tile>
  </label>
  <label class="hxChoice hxCol hxSpan-4-xs">
    <input type="radio" name="sample" value="5" />
    <hx-tile>...</hx-tile>
  </label>
  <label class="hxChoice hxCol hxSpan-4-xs">
    <input disabled type="radio" name="sample" value="6" />
    <hx-tile>...</hx-tile>
  </label>
</div>

See Also