Input by Yaya12085
#e8e8e8
HTML +TailwindCSS
1<div class="bg-white p-4 rounded-lg max-w-[350px]"> 2 <label class="text-gray-600 text-sm"> 3 Phone number 4 </label> 5 <div class="relative mt-2 max-w-xs text-gray-500"> 6 <div class="absolute inset-y-0 left-3 my-auto h-6 flex items-center border-r pr-2"> 7 <select class="text-sm outline-none rounded-lg h-full"> 8 <option>US</option> 9 <option>ES</option> 10 <option>MR</option> 11 </select> 12 </div> 13 <input type="number" placeholder="+1 (555) 000-000" class="w-full pl-[4.5rem] pr-3 py-2 appearance-none bg-transparent outline-none border focus:border-slate-600 shadow-sm rounded-lg"> 14 </div> 15 </div>
5.9K views
5.9K views
MIT License