CCHub Logo CCHub Tailwind Collection
구성 요소 필터 Bauhaus_EarthTone_Agriculture_Filters_Component

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

관련 구성 요소

Retro_Vintage_Earth_Tones_Filters_Component

중간 정도의 복잡성은 대시보드에 적합한 레트로/빈티지 미학과 흙색을 가진 구성 요소를 필터링합니다. 반응형 디자인과 다크 모드 지원이 특징입니다.

열다

필터 구성 요소

매력적인 마이크로 인터랙션과 트라이어딕 색 구성표를 갖춘 전자 상거래를 위한 반응형 필터 구성 요소로, 다크 모드를 지원합니다.

열다

필터 구성 요소

복잡하고 반응이 빠른 Glassmorphism 스타일의 필터 구성 요소로, 비즈니스/기업 웹 사이트를 위한 유사한 색 구성표가 있습니다. 반투명 요소와 흐림 효과가 특징이며, Tailwind CSS를 사용하여 완전한 다크 모드를 지원합니다. JavaScript는 포함되어 있지 않습니다.

열다