Bauhaus_EarthTone_Agriculture_Filters_Component
Un componente di filtro complesso e reattivo per siti Web di agricoltura/allevamento, progettato in stile Bauhaus con toni della terra. Include varie opzioni di filtro come categorie, fascia di prezzo, valutazioni e tag popolari, con supporto completo della modalità oscura.
Codice HTML
<div class="bg-stone-50 text-stone-800 dark:bg-stone-900 dark:text-stone-200 p-4 sm:p-6 lg:p-8 rounded-lg shadow-xl font-sans max-w-7xl mx-auto border border-stone-200 dark:border-stone-700">
<h2 class="text-2xl sm:text-3xl font-bold mb-6 text-stone-900 dark:text-stone-50 border-b-2 border-stone-400 dark:border-stone-600 pb-2">
Farm Product Filters
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
<!-- Category Filter -->
<div class="filterComponenti correlati
FiltriComponenteNeumorfismo
Un semplice componente di filtri reattivi con interfaccia utente morbida per il neumorfismo, che utilizza una combinazione di colori in scala di grigi, progettato per siti Web aziendali/aziendali. Il componente supporta la modalità oscura ed è costruito con Tailwind CSS senza alcun JavaScript.
Componente Filtri
Un componente Filtri progettato con uno stile scheumorfico, con effetti reattivi e supporto per temi scuri. Questo componente utilizza Tailwind CSS per lo stile e include immagini segnaposto e avatar casuali.
Componente Filtri Forum
Un componente reattivo per i filtri del forum con un'estetica di design 3D, una combinazione di colori autunnali e il supporto per la modalità oscura, adatto per le piattaforme della community.