Le composant “File upload - Téléversement de fichier” évolue ; en plus du variant “button” existant, un nouveau variant “drag & drop” est désormais disponible dans le DSA.
Objectif
Proposer une expérience de téléversement plus fluide et intuitive, en phase avec les usages actuels, notamment lors de la manipulation de documents ou de dossiers.
Ce qui évolue
-
Un nouveau mode d’interaction
Le variant “drag & drop” permet soit d’ouvrir l’explorateur de fichiers, soit de glisser-déposer directement un/des fichier.s ou un/des dossier.s dans la zone dédiée. -
Un usage adapté aux contenus riches
Ce variant est particulièrement pertinent lorsque l’envoi de fichiers est une action centrale du parcours. -
Disponible en plusieurs tailles
Comme le variant “button", le “drag & drop” est décliné en small, medium et large, pour s’intégrer au mieux dans les différentes mises en page. -
Pensé pour le responsive
Le composant s’adapte aux contraintes mobiles et doit être testé selon son contexte d’utilisation.
Résultats
- Une expérience de téléversement plus moderne et flexible.
- Un composant mieux adapté aux usages avancés, tout en restant cohérent avec le reste du DSA.
🔗 Lien vers la documentation (file upload “drag & drop”)
🔗 Lien vers storybook (file upload “drag & drop”)