Bauhaus_EarthTone_Agriculture_Filters_Component
農業/農業Webサイト用の複雑でレスポンシブなフィルターコンポーネントで、アースカラーのバウハウススタイルで設計されています。カテゴリ、価格帯、評価、人気のあるタグなどのさまざまなフィルタリングオプションが含まれており、ダークモードが完全にサポートされています。
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を使用し、ランダムなプレースホルダー画像とアバターが含まれています。