CCHub Logo CCHub Tailwind Collection
Komponenten Filter Bauhaus_EarthTone_Agriculture_Filters_Component

Bauhaus_EarthTone_Agriculture_Filters_Component

Eine komplexe, responsive Filterkomponente für Landwirtschafts-Websites, gestaltet im Bauhaus-Stil mit Erdtönen. Enthält verschiedene Filteroptionen wie Kategorien, Preisspanne, Bewertungen und beliebte Tags mit vollständiger Unterstützung des Dunkelmodus.

Vorschau

HTML-Code 

<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="filter

Verwandte Komponenten

Komponente "Filter"

Eine komplexe, reaktionsschnelle Filterkomponente mit dem Designstil "Wald/Grün" und "Verlauf/Farbübergänge", die sich für ein Portfolio eignet. Enthält Unterstützung für den Dunkelmodus und interaktive Elemente.

Offen

BrutalistFilter

Eine einfache und brutalistische Filterkomponente für Social-Media-Anwendungen, mit komplementärem Farbschema und Unterstützung des Dunkelmodus.

Offen

Komponente "Filter"

Eine ausgeklügelte Filterkomponente, die mit Glassmorphism und einem analogen Farbschema entwickelt wurde und sich für die Visualisierung von Dashboard-Daten mit Unterstützung für dunkle Themen eignet.

Offen