Passer au contenu principal

SubheaderPanel

SubheaderPanel dans Storybook

Utilisation​

Le sous-en-tête est un composant secondaire de navigation ou d'information qui apparaît sous l'en-tête. Il fournit aux utilisateurs un contexte, des filtres, des barres de navigation ou des actions supplémentaires liés à la page ou à la section en cours. Le sous-en-tête améliore la convivialité en offrant des commandes pertinentes tout en conservant une interface propre.

Quand l'utiliser​

La page comprend des filtres, un tri ou des actions rapides.

Quand ne pas l'utiliser​

  • L'en-tête principal fournit déjà toutes les informations et tous les contrôles nécessaires.
  • Le contenu du sous-en-tête est trop complexe.

Structure​

Image illustrant la structure d'un sous-en-tête avec des onglets

  1. Conteneur de sous-en-tête : structure principale qui contient les éléments de sous-en-tête. Le sous-en-tête est toujours positionné sous l'en-tête principal.
  2. Onglets (le cas échéant) : permet aux utilisateurs de passer d'une section ou d'une vue à l'autre au sein du sous-en-tête.

Tous les éléments ne sont pas obligatoires. N'incluez que ce qui est nécessaire pour votre cas d'utilisation spécifique. Le sous-en-tête est un composant ouvert et flexible qui peut accueillir divers éléments en fonction de cas d'utilisation spécifiques. Les équipes peuvent le personnaliser en ajoutant différents composants, outils et fonctionnalités selon les besoins, tout en conservant une expérience rationalisée.

Exemples d'utilisation​

Exemples d'utilisation du sous-en-tête, mettant en valeur sa nature ouverte et flexible.

Exemple d'un sous-en-tête utilisant des onglets Sous-en-tête avec onglets


Exemple d'un sous-en-tête utilisant des boutons Sous-en-tête avec boutons