Download card - Carte de téléchargement

Composant permettant à l’utilisateur de télécharger des documents depuis de votre site.

 

Anatomie

Download file - Card - Anatomie
  1. Conteneur
  2. Nom du document, précédé de la mention obligatoire “Télécharger le document”
  3. Ligne verticale
  4. Image facultatif
  5. Format du document
  6. Tiret de séparation
  7. Poids du document
  8. Texte de description du document facultatif
  9. Icône de téléchargement

 


États

La carte de téléchargement est disponible en 3 états : défaut (default), survol (hover) et actif (active).

Défaut

Défaut

C’est l’état initial dans lequel se trouve la carte de téléchargement avant toute interaction.

Au survol

Au survol

L'état au survol se manifeste lorsque le curseur de la souris passe au dessus de la carte de téléchargement.

Actif

Actif

L'état actif survient lorsque l'utilisateur engage une interaction avec la carte de téléchargement.

 


Responsive

La carte de téléchargement s'adapte à l'écran / à la grille dans lesquels elles seront affichées.

Nous vous conseillons de tester le comportement de votre carte de téléchargement selon différentes tailles d'écran pour assurer un ajustement réactif et accessible.

La taille maximale de la carte et le fonctionnement du responsive dépendront des éléments qui l'entourent.