カートに入れるボタンコンポーネント
カートに入れるボタン ダークモードUI用に設計されており、アーストーンの配色と複雑な複雑さのレベルを備えています。このコンポーネントはレスポンシブで、Tailwind の dark: プレフィックスを使用してダーク テーマをサポートします。
HTMLコード
<button class="bg-stone-700 hover:bg-stone-600 text-stone-100 py-3 px-6 rounded-lg font-semibold text-lg shadow-lg transition duration-300 ease-in-out dark:bg-stone-800 dark:hover:bg-stone-700 dark:text-stone-200 dark:shadow-xl"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 inline-block mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-4-4H8a4 4 0 00-4 4v4m11 0l-3 4m0 0h3v3zm-3-4v1m10-4v2a2 2 0 01-2 2H7a2 2 0 01-2-2V7a2 2 0 012-2h10a2 2 0 012 2z" /> </svg> Add to Cart </button>関連コンポーネント
カートに入れるボタンコンポーネント
ブルータリズムにインスパイアされた Tailwind CSS の [カートに追加] ボタン コンポーネントで、ハイ コントラスト、珍しいレイアウト、レスポンシブ エフェクト、ダーク テーマのサポートが特徴です。
カートに入れるボタンコンポーネント
eコマースアプリケーション用のレトロ/ビンテージスタイルの「カートに追加」ボタンコンポーネント。このボタンは、80年代と90年代に触発されたノスタルジックなデザインで、類似の配色を使用し、インタラクティブ性のためのエフェクトを備えています。レスポンシブで、ダークテーマをサポートしています。
カートに入れるボタンコンポーネント 46
Tailwind CSSでデザインされたレトロ/ビンテージの「カートに追加」ボタンコンポーネントで、レスポンシブデザインとダークテーマのサポートが特徴です。