<div class="t1 flex flex-col w-full"> <div class="t1 flex"> <label class="t1 inline-flex"> <input type="file" class="t1 u1.file-hidden"> <div class="t1 u1.btn u1.btn-xs u1.btn-action focus:+u1.focus-action">Choose file</div> </label> </div> <div class="t1 flex mt-8"> <label class="t1 inline-flex"> <input type="file" class="t1 u1.file-hidden"> <div class="t1 u1.btn u1.btn-s u1.btn-action focus:+u1.focus-action">Choose file</div> </label> </div> <div class="t1 flex mt-8"> <label class="t1 inline-flex"> <input type="file" class="t1 u1.file-hidden"> <div class="t1 u1.btn u1.btn-m u1.btn-action focus:+u1.focus-action">Choose file</div> </label> </div> <div class="t1 flex mt-8"> <label class="t1 inline-flex"> <input type="file" class="t1 u1.file-hidden"> <div class="t1 u1.btn u1.btn-l u1.btn-action focus:+u1.focus-action">Choose file</div> </label> </div> <div class="t1 flex mt-8"> <label class="t1 inline-flex"> <input type="file" class="t1 u1.file-hidden"> <div class="t1 u1.btn u1.btn-xl u1.btn-action focus:+u1.focus-action">Choose file</div> </label> </div> </div>
<div class="t1 flex flex-col w-full"> <div class="t1 flex"> <label class="t1 inline-flex"> <input type="file" class="t1 u1.file-hidden"> <div class="t1 inline-flex"> <div class="t1 u1.input u1.input-xs br-0 rounded-r-0">No file selected</div> <div class="t1 u1.btn u1.btn-xs u1.btn-action rounded-l-0 focus:+/u1.focus-action">Choose file</div> </div> </label> </div> <div class="t1 flex mt-8"> <label class="t1 inline-flex"> <input type="file" class="t1 u1.file-hidden"> <div class="t1 inline-flex"> <div class="t1 u1.input u1.input-s br-0 rounded-r-0">No file selected</div> <div class="t1 u1.btn u1.btn-s u1.btn-action rounded-l-0 focus:+/u1.focus-action">Choose file</div> </div> </label> </div> <div class="t1 flex mt-8"> <label class="t1 inline-flex"> <input type="file" class="t1 u1.file-hidden"> <div class="t1 inline-flex"> <div class="t1 u1.input u1.input-m br-0 rounded-r-0">No file selected</div> <div class="t1 u1.btn u1.btn-m u1.btn-action rounded-l-0 focus:+/u1.focus-action">Choose file</div> </div> </label> </div> <div class="t1 flex mt-8"> <label class="t1 inline-flex"> <input type="file" class="t1 u1.file-hidden"> <div class="t1 inline-flex"> <div class="t1 u1.input u1.input-l br-0 rounded-r-0">No file selected</div> <div class="t1 u1.btn u1.btn-l u1.btn-action rounded-l-0 focus:+/u1.focus-action">Choose file</div> </div> </label> </div> <div class="t1 flex mt-8"> <label class="t1 inline-flex"> <input type="file" class="t1 u1.file-hidden"> <div class="t1 inline-flex"> <div class="t1 u1.input u1.input-xl br-0 rounded-r-0">No file selected</div> <div class="t1 u1.btn u1.btn-xl u1.btn-action rounded-l-0 focus:+/u1.focus-action">Choose file</div> </div> </label> </div> </div>
<label class="t1 flex align-items-center"> <div class="t1 mr-16">Custom label</div> <input type="file" class="t1 u1.file-hidden"> <div class="t1 u1.btn u1.btn-m u1.btn-action focus:+u1.focus-action">Choose file</div> </label>