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관련 구성 요소
필터 구성 요소
스큐어모픽 스타일로 디자인된 필터 컴포넌트로, 반응형 효과와 어두운 테마 지원을 특징으로 합니다. 이 구성 요소는 스타일을 지정하기 위해 Tailwind CSS를 사용하며 임의의 자리 표시자 이미지와 아바타를 포함합니다.