Aller au contenu principal

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​

NomTypeDéfautDéclaré dansDescription
TextstringnullLgMenuTitleTitre de section affiché dans le menu.
AriaLabelstringnullLgAriaComponentBaseValeur de l'attribut aria-label.
AriaLabelledBystringnullLgAriaComponentBaseValeur 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​