Input by AtharvaMistry
#e8e8e8
HTML +TailwindCSS
1<div class="mb-6 relative"> 2 <label for="input" class="block text-sm font-extrabold text-gray-700 mb-1" 3 >Your Input Label</label 4 > 5 <div class="relative"> 6 <input 7 type="text" 8 id="input" 9 name="input" 10 class="mt-1 p-4 border-2 border-blue-500 rounded-md focus:outline-none focus:border-blue-700 w-full transition duration-300 ease-in-out placeholder-gray-500 bg-gray-100" 11 placeholder="Type in ..." 12 /> 13 <div 14 class="absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none" 15 > 16 <svg 17 class="h-6 w-6 text-gray-400" 18 fill="none" 19 stroke="currentColor" 20 viewBox="0 0 24 24" 21 xmlns="http://www.w3.org/2000/svg" 22 > 23 <path 24 stroke-linecap="round" 25 stroke-linejoin="round" 26 stroke-width="2" 27 d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" 28 ></path> 29 <path 30 stroke-linecap="round" 31 stroke-linejoin="round" 32 stroke-width="2" 33 d="M2 19l-2 2m0 0l2-2m-2 2h16a2 2 0 002-2V5a2 2 0 00-2-2H2a2 2 0 00-2 2v12a2 2 0 002 2z" 34 ></path> 35 </svg> 36 </div> 37 </div> 38</div> 39
238 views
238 views
MIT License