Anatomie
Le composant tiroir est composé de plusieurs éléments dont certains ne sont visibles qu'en fonction des options de personnalisation choisies.
Entête
- Titre
- Icône de fermeture
Contenu
- Zone de contenu (échange d'instance)
- Barre de défilement
Pied (facultatif)
- Premier bouton d'action
- Deuxième bouton d'action
- Troisième bouton d'action
Vertical
Sur ce variant, le tiroir peut être affiché à droite ou à gauche de l'écran.
Horizontal
Sur ce variant, le tiroir peut être affiché en haut ou en bas de l'écran.
Styles
Il existe 2 états différents disponibles pour le tiroir :
Sans défilement
Cette version est utilisée lorsque le contenu que l'on souhaite afficher dans le tiroir peut être entièrement affiché sur l'écran de l'utilisateur.
Avec défilement
Lorsque le contenu de la modale est trop long pour s'afficher entièrement sur l'écran de l'utilisateur et que des boutons sont prévus en bas de la page, nous vous recommandons d'utiliser la modale avec défilement afin de rendre ces derniers toujours accessibles.
Responsive
Sur les appareils mobiles nous conseillons d'avoir une largeur qui se situe entre 240 et 360 pixels pour permettre d'avoir suffisamment d'espace afin d'afficher les différentes options de navigation ou les actions, tout en ne prenant pas trop de place sur l'écran principal.