Suchfeld-Komponente
Eine einfache Suchfeld-Komponente, die für Social-Media-Schnittstellen mit Unterstützung des Dunkelmodus und einem ergänzenden Farbschema entwickelt wurde.
HTML-Code
<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>
Verwandte Komponenten
Suchfeld-Komponente
Eine Suchfeld-Komponente, die im Brutalismus-Stil unter Verwendung von Tailwind CSS entworfen wurde. Verfügt über ein kontrastreiches Design, reaktionsschnelle Effekte und unterstützt ein dunkles Design.
Einfaches 3D-Pastell-Suchfeld
Eine responsive Suchfeldkomponente mit 3D-ähnlichem Design, Pastellfarbschema und Unterstützung für dunkle Themen, die mit Tailwind CSS für einen Blog/eine Content-Website erstellt wurde.
Bauhaus_Agriculture_Search_Box
Responsive Suchfeldkomponente für Landwirtschafts-/Landwirtschafts-Websites, gestaltet mit Bauhaus-Prinzipien, Sepia-/Brauntönen und Unterstützung für den Dunkelmodus.