Scatola di ricerca retrò
Casella di ricerca retrò / vintage con estetica anni '80 / '90, reattiva e supporto per la modalità oscura.
Codice HTML
<div class="max-w-md mx-auto">
<div class="relative">
<input type="text" class="w-full py-3 px-4 pr-10 text-sm text-gray-900 placeholder-gray-600 bg-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-600 focus:border-transparent border-2 border-gray-400 dark:bg-gray-700 dark:text-gray-100 dark:placeholder-gray-400 dark:border-gray-600 dark:focus:ring-purple-400" placeholder="Search...">
<svg class="absolute right-3 top-3 w-5 h-5 text-gray-600 dark:text-gray-400" 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>
</div>Componenti correlati
Componente Casella di ricerca
Un componente della casella di ricerca progettato con uno stile scheumorfico per imitare una casella di ricerca del mondo reale, utilizzando una combinazione di colori triadica, adatto a un portfolio e reattivo con il supporto della modalità oscura.
Casella di ricerca skeuomorfa
Un componente della casella di ricerca con un design scheumorfico che imita gli elementi del mondo reale, con reattività e supporto per temi scuri.
Casella di ricerca brutalista
Un componente della casella di ricerca brutalista con colori vivaci e supporto per temi scuri.