Cuadro de búsqueda brutalista
Un componente de cuadro de búsqueda brutalista para un tablero, con un esquema de color complementario y una complejidad moderada, con diseño receptivo y soporte de temas oscuros mediante Tailwind CSS.
Código HTML
<div class="relative max-w-md mx-auto mt-10">
<input type="text" placeholder="Search..." class="w-full px-6 py-4 text-lg text-gray-800 bg-yellow-300 border-4 border-black focus:outline-none focus:border-red-600 dark:bg-yellow-600 dark:text-gray-200 dark:border-white dark:focus:border-red-800">
<svg class="absolute right-0 top-0 mt-4 mr-5 w-6 h-6 text-black dark:text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg>
</div>Componentes relacionados
Componente de cuadro de búsqueda
Un componente de cuadro de búsqueda complejo de estilo Glassmorphism con un esquema de color análogo, adecuado para un portafolio, con diseño receptivo y soporte de temas oscuros que usa solo HTML y Tailwind CSS.
Industrial_Candy_SearchBox
Un componente de cuadro de búsqueda moderadamente complejo y receptivo con una estética industrial pero de color caramelo, diseñado para sitios web corporativos profesionales, con soporte para modo oscuro.
Componente de cuadro de búsqueda
Un componente de cuadro de búsqueda receptivo diseñado con estilo glassmorphism, compatible con el modo oscuro y adaptado para aplicaciones de comercio electrónico.