Verticale navigatie die de huidige pagina markeert en links groepeert in inklapbare secties.
Waarom het helpt
- Actieve pagina gemarkeerd
- Inklapbare groepen
- Werkt in het zijpaneel
Waar het past
- Beheergebieden
- Documentatie
- Dashboards
Voorbeeld
<NavMenu Label="Sections" Style="max-width:16rem">
<NavItem Href="components/button" Icon="IconName.Dashboard">Buttons</NavItem>
<NavItem Href="components/textfield" Icon="IconName.Edit">Text fields</NavItem>
<NavGroup Title="Data" Expanded="true">
<NavItem Href="components/datagrid" Icon="IconName.Table">DataGrid</NavItem>
<NavItem Href="components/table" Icon="IconName.List">Table</NavItem>
</NavGroup>
<NavGroup Title="Charts">
<NavItem Href="components/linechart" Icon="IconName.ChartLine">LineChart</NavItem>
<NavItem Href="components/barchart" Icon="IconName.ChartBar">BarChart</NavItem>
</NavGroup>
</NavMenu>Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.