<div class="relative min-w-[77px] border"> <input type="number" id="qty" step="1" min="1" max="{{$p.Available}}" name="qty" value="1" title="К-ть" size="4" pattern="[0-9]*" inputmode="numeric" aria-labelledby="Кількість {{.Body.H1}}" class="appearance-none w-12 h-11 p-0 text-center focus:outline-none" /> <div class="absolute top-0 right-0 w-8 text-center"> <a class="block h-6 border-0 text-mist-600 hover:text-mist-600 border-b" href="javascript:void(0);"> <svg class=" w-5 h-5"> <use xlink:href="#icon-chevron-up" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> </use> </svg> </a> <a class="block h-6 border-0 text-mist-600 hover:text-mist-600" href="javascript:void(0);"> <svg class=" w-5 h-5"> <use xlink:href="#icon-chevron-down" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> </use> </svg> </a> </div> </div>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter