RayCraftDocs
v1.0.3
nl
raycraft.dev
Op deze pagina

NavMenu

Free

Verticale navigatie met markering van de actieve pagina (gebouwd op NavLink) en inklapbare groepen. Geef NavItem een Tooltip en NavGroup een Icon wanneer het menu in een Drawer met Mini wordt gebruikt: de gesloten lade toont dan alleen pictogrammen en een groep opent als klein uitklapmenu.

Voorbeeld

Besturingselement NavMenu

Parameters

NavMenu

ParameterTypeBeschrijving
ChildContentRenderFragmentInhoud die binnen de component wordt weergegeven.
ClassstringExtra CSS-klassen die aan het hoofdelement worden toegevoegd.
LabelstringZichtbare labeltekst (grafieken: toegankelijke naam; IconButton: toegankelijke naam en knopinfo).
StylestringInline stijl die aan het hoofdelement wordt toegevoegd.

NavItem

ParameterTypeBeschrijving
ChildContentRenderFragmentInhoud die binnen de component wordt weergegeven.
ClassstringExtra CSS-klassen die aan het hoofdelement worden toegevoegd.
HrefstringKoppelingsadres. Op een Button laat het de knop als koppeling met hetzelfde uiterlijk weergeven.
IconIconName?Te tonen pictogram (IconName).
MatchNavLinkMatchNavLinkMatch.Prefix (standaard) of All.
StylestringInline stijl die aan het hoofdelement wordt toegevoegd.
TooltipstringNative knopinfotekst; gebruik hem bij NavItems zodat de balk met alleen pictogrammen begrijpelijk blijft.

NavGroup

ParameterTypeBeschrijving
ChildContentRenderFragmentInhoud die binnen de component wordt weergegeven.
ClassstringExtra CSS-klassen die aan het hoofdelement worden toegevoegd.
ExpandedboolOf het item open is. Gebruik met @bind-Expanded.
IconIconName?Te tonen pictogram (IconName).
StylestringInline stijl die aan het hoofdelement wordt toegevoegd.
TitlestringTiteltekst (kop van de lade, tabbladbijschrift, kolomkop, stapbijschrift).

Pakket

NavMenu maakt deel uit van RayCraft Free. Pakket: RayCraft.Blazor. Het komt van nuget.org. Zie Aan de slag.