Tabler components

Card with bottom tabs Card with footer buttons Card with ribbon Card with side image Color input Comments card Empty state Image input Progress bar Revenue chart Sales widget Simple avatar Simple box
Image input

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi autem dignissimos doloribus, fuga iste omnis reprehenderit ullam veritatis. Ab aut blanditiis dolore eos exercitationem iste quis rerum, tempore unde voluptatem!

<div class="mb-3">
   <label class="form-label">Image Check</label>
   <div class="row row-xs">
      <div class="col-6 col-sm-4">
         <label class="form-imagecheck mb-2">
            <input name="form-imagecheck" type="checkbox" value="1" class="form-imagecheck-input" />
            <span class="form-imagecheck-figure">
               <img src="./static/photos/77586f6ffa9fbc5e.jpg" alt="" class="form-imagecheck-image">
            </span>
         </label>
      </div>
      <div class="col-6 col-sm-4">
         <label class="form-imagecheck mb-2">
            <input name="form-imagecheck" type="checkbox" value="2" class="form-imagecheck-input"  checked/>
            <span class="form-imagecheck-figure">
               <img src="./static/photos/552683cc4e5f0e11.jpg" alt="" class="form-imagecheck-image">
            </span>
         </label>
      </div>
      <div class="col-6 col-sm-4">
         <label class="form-imagecheck mb-2">
            <input name="form-imagecheck" type="checkbox" value="3" class="form-imagecheck-input" />
            <span class="form-imagecheck-figure">
               <img src="./static/photos/3664593f945f0d8d.jpg" alt="" class="form-imagecheck-image">
            </span>
         </label>
      </div>
      <div class="col-6 col-sm-4">
         <label class="form-imagecheck mb-2">
            <input name="form-imagecheck" type="checkbox" value="4" class="form-imagecheck-input"  checked/>
            <span class="form-imagecheck-figure">
               <img src="./static/photos/529078594c496ec5.jpg" alt="" class="form-imagecheck-image">
            </span>
         </label>
      </div>
      <div class="col-6 col-sm-4">
         <label class="form-imagecheck mb-2">
            <input name="form-imagecheck" type="checkbox" value="5" class="form-imagecheck-input" />
            <span class="form-imagecheck-figure">
               <img src="./static/photos/a74c41b6fb7fdf34.jpg" alt="" class="form-imagecheck-image">
            </span>
         </label>
      </div>
      <div class="col-6 col-sm-4">
         <label class="form-imagecheck mb-2">
            <input name="form-imagecheck" type="checkbox" value="6" class="form-imagecheck-input" />
            <span class="form-imagecheck-figure">
               <img src="./static/photos/a159fb2bff29fda4.jpg" alt="" class="form-imagecheck-image">
            </span>
         </label>
      </div>
   </div>
</div>
Copy code