Bouton
Grâce à ce menu complet, vous pouvez personnaliser entièrement l’apparence des boutons de votre site. Que vous utilisiez les styles classiques (par défaut) ou les styles contours (outline), ces réglages vous offrent un contrôle total sans avoir besoin de coder.
Chaque variante de bouton (comme Primary, Secondary, Success, etc.) peut être stylisée de manière unique. Voici ce que vous pouvez modifier :
🔤 Typographie du bouton
Famille de polices : choisissez la police que vous souhaitez utiliser (vous pouvez entrer plusieurs polices séparées par une virgule pour gérer les alternatives si une police n’est pas disponible).
Taille de la police : définissez la taille du texte dans le bouton.
Graisse (font-weight) : ajustez l’épaisseur du texte (ex : 400 pour normal, 700 pour gras).
Hauteur de ligne : contrôle l’espacement vertical entre les lignes du texte si celui-ci est sur plusieurs lignes.
🎨 Couleurs de l’état normal
Couleur du texte : couleur par défaut du texte du bouton.
Couleur de fond : arrière-plan du bouton.
Couleur de la bordure : couleur du contour du bouton.
🖱️ Couleurs au survol (hover)
Couleur du texte au survol : change le texte quand on passe la souris.
Couleur de fond au survol : modifie la couleur de l’arrière-plan au hover.
Couleur de la bordure au survol : bordure visible au passage de la souris.
✅ Couleurs de l’état actif (clic)
Couleur active : texte du bouton quand il est activé.
Couleur de fond active : couleur de fond quand le bouton est cliqué.
Couleur de la bordure active : bordure visible au clic.
🚫 Couleurs de l’état désactivé
Couleur désactivée : couleur du texte quand le bouton est désactivé.
Couleur de fond désactivée : couleur de fond en mode désactivé.
Couleur de la bordure désactivée : bordure visible quand le bouton est désactivé.
📏 Dimensions & formes
Padding horizontal : espace intérieur à gauche et à droite du contenu.
Padding vertical : espace intérieur en haut et en bas du bouton.
Largeur de la bordure : épaisseur du contour du bouton.
Rayon de la bordure : permet d’arrondir les coins du bouton (plus la valeur est élevée, plus le bouton est arrondi).
Dernière mise à jour