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>

Color check

Selectbox

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

Edit this page on GitHub