L'objectif principal d'un composant "drawer" est de fournir un moyen d'accéder aux fonctionnalités de l'application ou à la navigation sans encombrer l'écran principal. Il permet de créer un menu déroulant ou coulissant qui s'ouvre généralement à partir d'un côté de l'écran.
Comportement général
Le composant tiroir est généralement masqué par défaut et peut être activé par une action utilisateur. L'utilisateur voit apparaitre alors diverses fonctionnalités supplémentaires.
Il peut fermer le tiroir en appuyant sur l'icône de fermeture pour retourner sur son parcours principal.
✅ Usage correct :
- Utiliser le composant tiroir comme navigation
- Afficher différentes options de configuration ou de paramètres qui ne sont pas nécessaires en permanence, mais que l'utilisateur peut modifier occasionnellement.
- Afficher des actions contextuelles liées à un élément spécifique sur l'écran principal comme par exemple afficher des options pour supprimer / renommer / télécharger...
- Afficher des informations sur le compte de l'utilisateur et des actions liées à ce compte comme la déconnexion, la modification du profil...
🚫 Usage incorrect :
- Le tiroir ne doit pas afficher des informations importantes pour l'utilisateur.
- Le tiroir ne doit pas masquer tout le contenu dans la page principal et doit laisser au moins 20% d'espace visible.
Localisation :
Le composant tiroir peut se trouver sur toutes les pages du site et vient s'afficher par dessus l'interface.