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 Filterkomponente im skeuomorphen Stil, die für Dashboards mit einem Graustufen-Farbschema und responsivem Design mit Unterstützung für dunkle Designs entwickelt wurde.

Offen

FiltersComponent (FilterKomponente)

Eine reaktionsschnelle Filterkomponente, die im Material Design-Stil für E-Commerce-Anwendungen mit Unterstützung für dunkle Themen entwickelt wurde. Es enthält mehrere interaktive Elemente für ein verbessertes Einkaufserlebnis.

Offen

Komponente "Filter"

Eine Filterkomponente, die mit einem skeuomorphen Stil entwickelt wurde, der reale Steuerelemente nachahmt, unter Verwendung eines Graustufen-Farbschemas, perfekt für Dashboards mit komplexen interaktiven Elementen.

Offen