Vous êtes ici :
  1. Design system de base
  2. Boutons génériques
Design system de base

Boutons génériques

  • Module
  • Disponible
Les différents styles de boutons utilisables sur nos sites.

comp_btn-standard()

@include comp_btn-standard($declinaison:'fill')
Button
@include comp_btn-standard($declinaison:'outline');
Button
@include comp_btn-standard($declinaison:'fill-full');
Button
@include comp_btn-standard($color: $v_color-primary, $declinaison: $v_button-type, $adjust-set-color: $v_adjust-set-color);

Paramètres principaux

  • $color
    • Couleur du texte (hex ou variable Sass)
  • $bg
    • Couleur de fond (défaut : transparent)
  • $border
    • Couleur de bordure
  • $hover-color
    • Couleur au survol
  • $size
    • Taille de police en px (défaut : 14)
  • $radius
    • Rayon de bordure (défaut : 4px)

Infos commerce

Usage recommandé
À proposer sur toutes les pages disposant d'un appel à l'action fort.
Ce que ça valorise
La cohérence visuelle de l'interface et la clarté des parcours utilisateur.
Quand le proposer
Dès qu'un site comporte plus d'un CTA, pour assurer la cohérence des appels à l'action.
Rechercher