Input by Yaya12085
#e8e8e8
HTML +TailwindCSS
1<div class="grid w-full max-w-xs items-center gap-1.5"> 2 <label 3 class="text-sm text-gray-400 font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70" 4 >Email</label 5 > 6 <input 7 placeholder="[email protected]" 8 type="email" 9 class="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50" 10 /> 11</div> 12
466 views
Variation of ainput
MIT License