<tyro-ui-page-header>

Page Header

En-tête standard pour les pages dashboard. Affiche un label, un titre et une description via ng-content. Utilisé en haut de chaque page de documentation et de dashboard.

Aperçu

label + title + description via ng-content

<tyro-ui-exemple>

Mon composant

Courte description de ce que fait le composant, affichée en ng-content sous le titre.

Inputs

Propriété	Type	Défaut	Description
`[title]`	string	`''`	Titre principal affiché en grand
`[label?]`	string	`-`	Surtitre affiché au-dessus du titre (ex : "<tyro-ui-navbar>")

Projection de contenu

Le texte de description est projeté via ng-content - il accepte du HTML avec notamment du <code> inline.

<tyro-ui-page-header label="<tyro-ui-navbar>" title="Navbar">
  @if (lang() === 'en') {
    Description in English with <code>inline code</code>.
  } @else {
    Description en français avec du <code>code inline</code>.
  }
</tyro-ui-page-header>