Componente de cuadro de búsqueda
Un componente de cuadro de búsqueda simple diseñado para interfaces de redes sociales con soporte para modo oscuro y un esquema de color complementario.
Código HTML
<div class="flex justify-center items-center p-4 bg-gray-800 dark:bg-gray-900">
<input type="text" placeholder="Search..." class="w-full max-w-md p-2 border-2 border-blue-500 dark:border-blue-300 rounded-lg bg-gray-700 dark:bg-gray-800 text-white placeholder-gray-400 dark:placeholder-gray-500 focus:outline-none focus:border-blue-400 dark:focus:border-blue-200">
<button class="ml-2 p-2 bg-blue-500 dark:bg-blue-600 rounded-lg text-white hover:bg-blue-400 dark:hover:bg-blue-500 focus:outline-none">Search</button>
</div>
Componentes relacionados
Brutalist_Weather_Search_Box
Un componente de cuadro de búsqueda complejo, de alto contraste y estilo brutalista para datos meteorológicos y climáticos, con múltiples elementos de entrada y un diseño receptivo con soporte para modo oscuro.
Componente de cuadro de búsqueda
Un componente de cuadro de búsqueda de estilo 3D diseñado para sitios web comerciales y corporativos, con una interfaz compleja con profundidad, elementos interactivos y compatibilidad con el modo oscuro.
Componente de cuadro de búsqueda
Un componente de cuadro de búsqueda minimalista diseñado con Tailwind CSS, con efectos responsivos y compatibilidad con temas oscuros.