LgTitle

LgTitle affiche un titre de section rendu comme une balise <h1> à <h6> selon le niveau choisi. Le texte passe par le dictionnaire de traduction (clés #MaCle).

<LgTitle Text="#OrdersSection" TitleLevel="TitleLevel.Level2" />

• Espace de noms : Lagoon.UI.Components
• Hérite de : LgAriaComponentBase → LgComponentBase
• Package NuGet : Lagoon.UI

Utilisation

Démonstration

Essayez ce composant dans le showcase Lagoon.

Niveau de titre

Le niveau se définit par TitleLevel (énumération) ou par Level (entier 1 à 6 ; les deux paramètres pilotent la même valeur, hors bornes la valeur est ramenée entre 1 et 6).

DashboardPage.razor

<LgTitle Text="#Dashboard" TitleLevel="TitleLevel.Level1" />

<LgTitle Text="#RecentOrders" Level="2" CssClass="mt-4" />

Propriétés

Toutes les propriétés [Parameter] du composant, y compris celles héritées.

Nom	Type	Défaut	Déclaré dans	Description
CssClass	string	null	LgTitle	Classes CSS additionnelles.
Level	int	0	LgTitle	Niveau du titre (1 à 6) ; les valeurs hors bornes sont ramenées entre 1 et 6.
Text	string	null	LgTitle	Texte du titre (texte brut ou clé de dictionnaire #MaCle).
TitleLevel	TitleLevel	(TitleLevel)0	LgTitle	Niveau du titre sous forme d'énumération ; pilote la même valeur que Level.
AriaLabel	string	null	LgAriaComponentBase	Valeur de l'attribut aria-label.
AriaLabelledBy	string	null	LgAriaComponentBase	Valeur de l'attribut aria-labelledby.

Énumérations associées

TitleLevel

Valeur	Description
Level1	Rend un <h1>.
Level2	Rend un <h2>.
Level3	Rend un <h3>.
Level4	Rend un <h4>.
Level5	Rend un <h5>.
Level6	Rend un <h6>.

Bonnes pratiques / accessibilité

• Respectez la hiérarchie des niveaux de titres dans la page (un seul h1, pas de saut de niveau) : elle structure la navigation des lecteurs d'écran.
• Choisissez le niveau pour la structure, pas pour la taille : ajustez l'apparence avec CssClass si nécessaire.

Référence complète

Tous les paramètres : Référence API — LgTitle.

Composants liés

• LgLabel — libellé simple.