RayCraftDocs
v1.0.3
fr
raycraft.dev
Sur cette page

NavMenu

Free

Navigation verticale avec mise en évidence de la page active (construite sur NavLink) et groupes repliables. Donnez un Tooltip à NavItem et une Icon à NavGroup quand le menu est utilisé dans un Drawer avec Mini : le tiroir fermé n'affiche alors que des icônes, et un groupe s'ouvre en petit volet déroulant.

Exemple

Contrôle NavMenu

Paramètres

NavMenu

ParamètreTypeDescription
ChildContentRenderFragmentContenu affiché à l'intérieur du composant.
ClassstringClasses CSS supplémentaires ajoutées à l'élément racine.
LabelstringTexte d'étiquette visible (graphiques : nom accessible ; IconButton : nom accessible et info-bulle).
StylestringStyle en ligne ajouté à l'élément racine.

NavItem

ParamètreTypeDescription
ChildContentRenderFragmentContenu affiché à l'intérieur du composant.
ClassstringClasses CSS supplémentaires ajoutées à l'élément racine.
HrefstringAdresse du lien. Sur un Button, il fait afficher le bouton comme un lien d'apparence identique.
IconIconName?Icône à afficher (IconName).
MatchNavLinkMatchNavLinkMatch.Prefix (par défaut) ou All.
StylestringStyle en ligne ajouté à l'élément racine.
TooltipstringTexte d'info-bulle natif ; utilisez-le sur les NavItems pour que le rail réduit aux icônes reste compréhensible.

NavGroup

ParamètreTypeDescription
ChildContentRenderFragmentContenu affiché à l'intérieur du composant.
ClassstringClasses CSS supplémentaires ajoutées à l'élément racine.
ExpandedboolIndique si l'élément est ouvert. À utiliser avec @bind-Expanded.
IconIconName?Icône à afficher (IconName).
StylestringStyle en ligne ajouté à l'élément racine.
TitlestringTexte du titre (en-tête de tiroir, légende d'onglet, en-tête de colonne, légende d'étape).

Paquet

NavMenu fait partie de RayCraft Free. Paquet : RayCraft.Blazor. Il provient de nuget.org. Voir Premiers pas.