Vous êtes ici :
  1. Design system de base
  2. Diapo arrows
Design system de base

Diapo arrows

  • Module
  • Disponible
Les différentes skins des flèches de défilement des diaporama v2

comp_diapo-arrow()

@include comp_diapo-arrow($template: 'classic', $declinaison: 1);

ÉQUIPE

Lorem ipsum dolor sit amet, consectetur. 
En savoir + 
@include comp_bloc-expertise($declinaison: 1, $template: $v_template, $color-1: $v_color-primary, $color-2: $v_color-secondary, $cols: $comp_bloc-expertises-cols, $cols-type: $comp_bloc-expertises-cols-type, $cols-break: $comp_bloc-expertises-cols-break);

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