RayCraftDocs
v1.0.3
sv
raycraft.dev
På den här sidan

NavMenu

Free

Vertikal navigering med markering av den aktiva sidan (byggd på NavLink) och hopfällbara grupper. Ge NavItem en Tooltip och NavGroup en Icon när menyn används i en Drawer med Mini: den stängda lådan visar då bara ikoner, och en grupp öppnas som en liten utfällbar meny.

Exempel

Kontrollen NavMenu

Parametrar

NavMenu

ParameterTypBeskrivning
ChildContentRenderFragmentInnehåll som renderas inuti komponenten.
ClassstringExtra CSS-klasser som läggs till på rotelementet.
LabelstringSynlig etikettext (diagram: tillgängligt namn; IconButton: tillgängligt namn och verktygstips).
StylestringInbäddad stil som läggs till på rotelementet.

NavItem

ParameterTypBeskrivning
ChildContentRenderFragmentInnehåll som renderas inuti komponenten.
ClassstringExtra CSS-klasser som läggs till på rotelementet.
HrefstringLänkadress. På en Button gör den att knappen visas som en länk med samma utseende.
IconIconName?Ikon att visa (IconName).
MatchNavLinkMatchNavLinkMatch.Prefix (standard) eller All.
StylestringInbäddad stil som läggs till på rotelementet.
TooltipstringInbyggd verktygstipstext; använd den på NavItems så att fältet med enbart ikoner förblir begripligt.

NavGroup

ParameterTypBeskrivning
ChildContentRenderFragmentInnehåll som renderas inuti komponenten.
ClassstringExtra CSS-klasser som läggs till på rotelementet.
ExpandedboolOm objektet är öppet. Använd med @bind-Expanded.
IconIconName?Ikon att visa (IconName).
StylestringInbäddad stil som läggs till på rotelementet.
TitlestringRubriktext (lådans rubrik, flikens bildtext, kolumnrubrik, stegets bildtext).

Paket

NavMenu ingår i RayCraft Free. Paket: RayCraft.Blazor. Den hämtas från nuget.org. Se Kom igång.