File upload - Téléversement de fichier

Composants permettant à l’utilisateur de sélectionner et envoyer un ou plusieurs fichiers.

Anatomie

File upload - Anatomie
  1. Titre
  2. Sous-titre facultatif
  3. Bouton pour choisir un fichier
  4. Formats supportés de documents
  5. Taille maximale autorisée du fichier

 


Variants

Le composant téléversement de fichiers est disponible en deux variants, une version avec un bouton permettant de d’ouvrir l’explorateur de fichier. Et une version “drag and drop“ qui permet soit d’ouvrir l’explorateur de fichier soit de directement glisser et déposer un fichier ou un dossier dans la zone définie.

Variant

Variant "Button"

Variant

Variant "Drag and drop"

 


Tailles

Le composant téléversement de fichiers est disponible en différentes tailles.

Il est recommandé d’utiliser la même taille de texte que celle utilisée dans le reste du contenu de la page.

Variant “Button”

Small

Small

Medium

Medium

Large

Large

 

Variant “Drag and drop”

Small

Small

Medium

Medium

Large

Large


États

Variant “Button”

Default

Default

L'état initial dans lequel se trouve le composant.

Error

Error

L'état survient lorsqu'un fichier d'un format incompatible a été sélectionné par exemple.

Disabled

Disabled

L'état survient lorsqu'il est impossible de téléverser un fichier.

 

Variant “Drag and drop”

Default

Default

Error

Error

Disabled

Disabled


Responsive

Le composant doit être utilisé avec une taille adaptée aux appareils mobiles.

Nous conseillons de tester le comportement du composant selon différentes tailles d'écran pour assurer un ajustement réactif et accessible.

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