mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
46 lines
No EOL
1.2 KiB
HTML
46 lines
No EOL
1.2 KiB
HTML
<!-- From Uiverse.io by ahmedyasserdev - Tags: input, search, input effect -->
|
|
<form class="form relative">
|
|
<button class="absolute left-2 -translate-y-1/2 top-1/2 p-1">
|
|
<svg
|
|
width="17"
|
|
height="16"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
role="img"
|
|
aria-labelledby="search"
|
|
class="w-5 h-5 text-gray-700"
|
|
>
|
|
<path
|
|
d="M7.667 12.667A5.333 5.333 0 107.667 2a5.333 5.333 0 000 10.667zM14.334 14l-2.9-2.9"
|
|
stroke="currentColor"
|
|
stroke-width="1.333"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
></path>
|
|
</svg>
|
|
</button>
|
|
<input
|
|
class="input rounded-full px-8 py-3 border-2 border-transparent focus:outline-none focus:border-blue-500 placeholder-gray-400 transition-all duration-300 shadow-md"
|
|
placeholder="Search..."
|
|
required=""
|
|
type="text"
|
|
/>
|
|
<button type="reset" class="absolute right-3 -translate-y-1/2 top-1/2 p-1">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
class="w-5 h-5 text-gray-700"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke="currentColor"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
d="M6 18L18 6M6 6l12 12"
|
|
></path>
|
|
</svg>
|
|
</button>
|
|
</form>
|
|
|
|
|
|
|