Bauhaus_EarthTone_Agriculture_Filters_Component
농업/농업 웹사이트를 위한 복잡하고 반응이 빠른 필터 구성 요소로, 흙색의 Bauhaus 스타일로 설계되었습니다. 카테고리, 가격대, 등급 및 인기 태그와 같은 다양한 필터링 옵션이 포함되어 있으며 완전한 다크 모드를 지원합니다.
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관련 구성 요소
필터컴포넌트뉴모피즘
비즈니스/기업 웹 사이트용으로 설계된 회색조 색 구성표를 사용하여 Neumorphism 소프트 UI로 스타일이 지정된 간단한 반응형 필터 구성 요소입니다. 이 구성 요소는 다크 모드를 지원하며 JavaScript 없이 Tailwind CSS로 빌드됩니다.