Bauhaus_EarthTone_Agriculture_Filters_Component
Un componente de filtro complejo y responsivo para sitios web de agricultura/ganadería, diseñado en un estilo Bauhaus con tonos tierra. Incluye varias opciones de filtrado como categorías, rango de precios, calificaciones y etiquetas populares, con soporte completo para el modo oscuro.
Código 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="filter
Componentes relacionados
Memphis_Job_Filters
Un componente de filtro de trabajo receptivo con un estilo de diseño divertido de Memphis, combinación de colores triádica y compatibilidad con modo oscuro, adecuado para bolsas de trabajo y plataformas profesionales.
BrutalistFiltersComponent
Un componente de filtros de estilo brutalista con alto contraste, tipografía audaz y espaciado inusual. Incluye casillas de verificación, botones de opción y un control deslizante de rango de precios. Los efectos de respuesta se logran a través de consultas de medios y unidades fluidas. El modo oscuro es compatible con CSS.
FiltersComponent
Un componente de filtros receptivo diseñado en estilo Material Design para aplicaciones de comercio electrónico con soporte para temas oscuros. Incluye múltiples elementos interactivos para una experiencia de compra mejorada.