GuillocheDocs GitHub v2.0.0

PageHeader

En-tete de page avec titre, description et actions

Voir la source

patterns v1.4.0 ui:PageHeader

Exemples

Sans signature (par défaut)

Missions

Suivi des dossiers en cours

<twig:ui:PageHeader title="Missions" description="Suivi des dossiers en cours" />

Contre-jour en thème sombre

Mission AR-2026-042

Dossier de référence

<twig:ui:PageHeader title="Mission AR-2026-042" watermark />

Empreinte calculée par le serveur

Archive

<twig:ui:PageHeader title="Archive" watermark :watermarkPath="paths.main" />

Props

PropDéfautRôle
titlerequisTitre de la page
descriptionnullTexte secondaire
headingLevel1Niveau de titre, pour eviter un second `h1`
watermarkfalseActive le filigrane **uniquement en thème sombre**
watermarkPathnullTracé SVG `d` calculé côté serveur (coordonnées `viewBox="0 0 100 100"`) ; sans lui une rosette géométrique générique est affichée

Accessibilité

Les comportements clavier et les contraintes d’accessibilité propres à cette recette ne sont pas encore documentés. Vérifiez son HTML et ses interactions avant utilisation dans un parcours critique.

README complet et exemples de la recette