#e8e8e8
HTML +TailwindCSS
1<div class="relative mt-6"> 2 <input 3 type="email" 4 placeholder="Email address" 5 autocomplete="email" 6 aria-label="Email address" 7 class="block w-full rounded-2xl border border-neutral-300 bg-transparent py-4 pl-6 pr-20 text-base/6 text-neutral-950 ring-4 ring-transparent transition placeholder:text-neutral-500 focus:border-neutral-950 focus:outline-none focus:ring-neutral-950/5" 8 /> 9 <div class="absolute inset-y-1 right-1 flex justify-end"> 10 <button 11 type="submit" 12 aria-label="Submit" 13 class="flex aspect-square h-full items-center justify-center rounded-xl bg-neutral-950 text-white transition hover:bg-neutral-800" 14 > 15 <svg viewBox="0 0 16 6" aria-hidden="true" class="w-4"> 16 <path 17 fill="currentColor" 18 fill-rule="evenodd" 19 clip-rule="evenodd" 20 d="M16 3 10 .5v2H0v1h10v2L16 3Z" 21 ></path> 22 </svg> 23 </button> 24 </div> 25</div> 26
312 views
312 views
Comments
MIT License