Input by gaeliam100
#e8e8e8
HTML +TailwindCSS
1<div class="flex items-center justify-center"> 2 <div class="relative"> 3 <input 4 id="username" 5 name="username" 6 type="text" 7 class="border-b border-gray-300 py-1 focus:border-b-2 focus:border-blue-700 transition-colors focus:outline-none peer bg-inherit" 8 /> 9 <label 10 for="username" 11 class="absolute left-0 top-1 cursor-text peer-focus:text-xs peer-focus:-top-4 transition-all peer-focus:text-blue-700" 12 >Name</label 13 > 14 </div> 15</div> 16
2K views
2K views
Based on a design by Laratips
This UI element is based on content from an external source and modified by gaeliam100.
MIT License