<div class="t1 flex"> <label class="t1 inline-flex align-items-center"> <input type="checkbox" class="t1 u1.checkbox u1.checkbox-m u1.checkbox-action mr-8" checked> </label> <input type="text" class="t1 u1.input u1.input-m" placeholder="Placeholder"> </div>
<div class="t1 flex flex-col w-full"> <div class="t1 flex"> <label class="t1 inline-flex align-items-center"> <input type="checkbox" class="t1 u1.checkbox u1.checkbox-xs u1.checkbox-action mr-8" checked> </label> <input type="text" class="t1 u1.input u1.input-xs" placeholder="Placeholder"> </div> <div class="t1 flex mt-8"> <label class="t1 inline-flex align-items-center"> <input type="checkbox" class="t1 u1.checkbox u1.checkbox-s u1.checkbox-action mr-8" checked> </label> <input type="text" class="t1 u1.input u1.input-s" placeholder="Placeholder"> </div> <div class="t1 flex mt-8"> <label class="t1 inline-flex align-items-center"> <input type="checkbox" class="t1 u1.checkbox u1.checkbox-m u1.checkbox-action mr-8" checked> </label> <input type="text" class="t1 u1.input u1.input-m" placeholder="Placeholder"> </div> <div class="t1 flex mt-8"> <label class="t1 inline-flex align-items-center"> <input type="checkbox" class="t1 u1.checkbox u1.checkbox-l u1.checkbox-action mr-12" checked> </label> <input type="text" class="t1 u1.input u1.input-l" placeholder="Placeholder"> </div> <div class="t1 flex mt-8"> <label class="t1 inline-flex align-items-center"> <input type="checkbox" class="t1 u1.checkbox u1.checkbox-xl u1.checkbox-action mr-16" checked> </label> <input type="text" class="t1 u1.input u1.input-xl" placeholder="Placeholder"> </div> </div>
<div class="t1 flex flex-col w-full color-gray-800"> <div class="t1 flex align-items-center"> <label class="t1 inline-flex align-items-center"> <input type="checkbox" class="t1 u1.checkbox u1.checkbox-m u1.checkbox-action mr-8" checked> <div class="t1 line-1.5">action</div> </label> </div> <div class="t1 flex align-items-center mt-8"> <label class="t1 inline-flex align-items-center"> <input type="checkbox" class="t1 u1.checkbox u1.checkbox-m u1.checkbox-success mr-8" checked> <div class="t1 line-1.5">success</div> </label> </div> <div class="t1 flex align-items-center mt-8"> <label class="t1 inline-flex align-items-center"> <input type="checkbox" class="t1 u1.checkbox u1.checkbox-m u1.checkbox-danger mr-8" checked> <div class="t1 line-1.5">danger</div> </label> </div> </div>
<label class="t1 flex align-items-center"> <input type="checkbox" class="t1 u1.checkbox u1.checkbox-xs u1.checkbox-action"> <div class="t1 ml-8 line-1.5">Label</div> </label>