Ajouter au panier Composant du bouton
Bouton conçu pour l’interface utilisateur du mode sombre avec une palette de couleurs de tons de terre et un niveau de complexité complexe, à des fins de portefeuille. Le composant est réactif et prend en charge le thème sombre à l’aide du préfixe dark : de Tailwind.
HTML Code
<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>Composants associés
Industrial_AddToCartButton
Un composant de bouton « Ajouter au panier » de style industriel conçu avec des tons océan/bleu pour les sites Web gouvernementaux/de services publics. Comprend des éléments exposés, une esthétique utilitaire, une réactivité totale et une prise en charge du mode sombre.
Brutalisme Ajouter au panier Bouton
Un composant de bouton simple et brutaliste « Ajouter au panier » avec un contraste élevé, des couleurs complémentaires et un objectif de médias sociaux. Entièrement réactif avec prise en charge du mode sombre.
Ajouter au panier Composant du bouton
Un bouton réactif « Ajouter au panier » conçu en mode sombre à l’aide de Tailwind CSS, avec des effets de survol et la prise en charge du thème sombre.