Eコマースコンポーネントコンポーネント
レスポンシブデザインとダークテーマのサポートを備えた、ミニマリストビジネスWebサイト用のEコマースコンポーネント。
HTMLコード
<div class="bg-white dark:bg-gray-900 text-gray-900 dark:text-white p-6 rounded-lg shadow-md">
<h2 class="text-2xl font-semibold mb-4">Product Title</h2>
<img src="https://picsum.photos/600/400" alt="Product Image" class="w-full h-48 object-cover rounded-lg mb-4">
<p class="text-lg mb-4">$99.99</p>
<button class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Add to Cart</button>
</div>
関連コンポーネント
Eコマースコンポーネントコンポーネント
ブログ用のブルータリズムのeコマースコンポーネントで、鮮やかな配色と適度な複雑さが特徴です。これには、Tailwind CSSを使用したダークテーマをサポートするレスポンシブデザインが含まれています。