Page Header - En-tête de page

L'en-tête présente les informations principales d’une page ainsi que des éléments de navigation, de contexte ou d’action associés.

Anatomie

Page Header - Anatomie
  1. Titre principal
  2. Sous-titre facultatif
  3. Texte secondaire facultatif
  4. Icône facultatif
  5. Tags facultatif
  6. Actions (maximum 3, les actions supplémentaires sont regroupées dans un bouton menu) facultatif
  7. Bouton retour facultatif
  8. Fil d’Ariane (breadcrumb) facultatif
  9. Onglets (Tabs) facultatif
  10. Slot de contenu libre facultatif


Variants

Mobile

Affichage optimisé vertical, actions réduites.

Mobile - Page Header

Mobile - Page Header


Desktop

Mise en page par défaut.

Desktop - Page Header

Desktop - Page Header


Desktop sticky

Version compacte affichée au scroll.

Sticky - Page Header

Sticky - Page Header