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関連コンポーネント
フィルター コンポーネント
複雑で応答性の高いGlassmorphismスタイルのフィルターコンポーネントで、ビジネス/企業のWebサイト向けの類似の配色を備えています。半透明の要素とぼかし効果が特徴で、Tailwind CSS を使用した完全なダーク モードがサポートされています。JavaScriptは含まれていません。