Ajouter au panier Bouton
Ajouter au panier Composant de bouton avec design minimaliste / plat, palette de couleurs en niveaux de gris, niveau de complexité complexe, à des fins de tableau de bord, avec un design réactif et la prise en charge du thème sombre.
HTML Code
<button class="flex items-center justify-center w-40 h-10 bg-gray-800 text-white rounded-md shadow-md hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-600 focus:ring-opacity-50 dark:bg-gray-200 dark:text-gray-800 dark:hover:bg-gray-300 dark:focus:ring-gray-400"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" /> </svg> Add to Cart </button>Composants associés
Ajouter au panier Composant du bouton
Un composant de bouton complexe et skeuomorphe « Ajouter au panier » conçu pour les interfaces de jeu, doté d’une palette de couleurs analogue et d’une réactivité totale avec 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 composant complexe de bouton « ajouter au panier » pour les applications médicales/de soins de santé, inspiré de la typographie suisse/internationale et des tons de terre. Il présente un design épuré et minimaliste qui met l’accent sur la typographie et les systèmes de grille, offrant une réactivité totale et une prise en charge du mode sombre.