mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
20 lines
No EOL
746 B
HTML
20 lines
No EOL
746 B
HTML
<!-- From Uiverse.io by jubayer-10 - Tags: simple, tooltip, hover, input, light, search, creative, tailwindcss -->
|
|
<form action="#">
|
|
<div class="w-60 h-12 relative flex rounded-xl">
|
|
<input
|
|
required=""
|
|
class="peer w-full bg-transparent outline-none px-4 text-base rounded-xl bg-white border border-[#4070f4] focus:shadow-md"
|
|
id="address"
|
|
type="text"
|
|
/>
|
|
<label
|
|
class="absolute top-1/2 translate-y-[-50%] bg-white left-4 px-2 peer-focus:top-0 peer-focus:left-3 font-light text-base peer-focus:text-sm peer-focus:text-[#4070f4] peer-valid:-top-0 peer-valid:left-3 peer-valid:text-sm peer-valid:text-[#4070f4] duration-150"
|
|
for="address"
|
|
>
|
|
Email Address</label
|
|
>
|
|
</div>
|
|
</form>
|
|
|
|
|
|
|