Image check

Add an image check to your form and give users visually attractive options to choose from.

<label class="form-imagecheck">
  <input name="" type="checkbox" value="" class="form-imagecheck-input" checked />
  <span class="form-imagecheck-figure">
    <img src="..." alt="" class="form-imagecheck-image" />
  </span>
</label>
<label class="form-imagecheck">
  <input name="form-imagecheck-radio" type="radio" value="1" class="form-imagecheck-input" />
  <span class="form-imagecheck-figure">
    <img src="/samples/photos/woman-drinking-hot-tea-in-her-home-office.jpg" alt="" class="form-imagecheck-image" />
  </span>
</label>
<label class="form-imagecheck">
  <input name="" type="checkbox" value="" class="form-imagecheck-input" />
  <span class="form-imagecheck-figure">
    <span class="form-imagecheck-image">
      <span class="avatar avatar-md" style="background-image: url(...)"></span>
    </span>
  </span>
</label>
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like Tabler? tweet about it!
Support Tabler's development: Github Sponsors
55 sleek illustrations for your startup's visual identity.