LgMenuTitle
LgMenuTitle affiche un titre de section dans le menu. Il sert à regrouper visuellement des entrées et son affichage dépend du rendu de menu courant.
<LgMenuTitle Text="#Administration" />
- Espace de noms :
Lagoon.UI.Components - Hérite de :
LgCustomMenuItem→LgAriaComponentBase→LgComponentBase - Package NuGet :
Lagoon.UI
Affichage conditionnel
Utilisez LgMenuTitle pour structurer les groupes ; le composant est masqué uniquement lorsque le rendu courant active HideTitleItems, par exemple dans une sidebar repliée.
Utilisation
Regrouper des entrées dans la sidebar
Placez LgMenuTitle avant une famille d'entrées pour annoncer clairement le contexte du groupe. Le rendu de menu peut masquer les titres lorsque HideTitleItems est actif.
MenuConfiguration.razor
<LgMenuConfiguration>
<Sidebar>
<LgMenuTitle Text="#Administration" />
<LgMenuItem Text="#Users" IconName="@IconNames.All.PeopleFill" Uri="admin/users" />
<LgMenuItem Text="#Roles" IconName="@IconNames.All.ShieldLockFill" Uri="admin/roles" />
<LgMenuTitle Text="#Monitoring" />
<LgMenuItem Text="#Logs" IconName="@IconNames.All.CardList" Uri="admin/logs" />
</Sidebar>
</LgMenuConfiguration>
Réutiliser un titre dans un LgMenuSet
Le titre peut faire partie d'un groupe réutilisable et être inclus dans plusieurs zones. Il reste masqué uniquement si le rendu courant ne l'affiche pas.
MenuConfiguration.razor
<LgMenuConfiguration>
<MenuSetDeclarations>
<LgMenuSet Id="support-menu">
<LgMenuTitle Text="#Support" />
<LgMenuItem Text="#Documentation" IconName="@IconNames.Question" Uri="help/documentation" />
<LgMenuItem Text="#ContactSupport" IconName="@IconNames.All.Envelope" Uri="help/contact" />
</LgMenuSet>
</MenuSetDeclarations>
<Sidebar>
<LgIncludeMenuSet Id="support-menu" />
</Sidebar>
</LgMenuConfiguration>
Propriétés
| Nom | Type | Défaut | Déclaré dans | Description |
|---|---|---|---|---|
Text | string | null | LgMenuTitle | Titre de section affiché dans le menu. |
AriaLabel | string | null | LgAriaComponentBase | Valeur de l'attribut aria-label. |
AriaLabelledBy | string | null | LgAriaComponentBase | Valeur de l'attribut aria-labelledby. |
Accessibilité
- Utilisez un texte court et explicite pour annoncer clairement le groupe d'actions suivant.
- Conservez un ordre logique des titres dans la sidebar pour faciliter le repérage.
Composants liés
LgMenuConfiguration— configuration globale du menu.LgMenuItem— entrées placées sous le titre.LgMenuSeparator— séparation visuelle complémentaire.