Une navigation verticale qui met en évidence la page courante et regroupe les liens en sections repliables.
Pourquoi c’est utile
- Page active mise en évidence
- Groupes repliables
- Fonctionne dans le panneau latéral
Où il trouve sa place
- Zones d’administration
- Documentation
- Tableaux de bord
Exemple
<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>Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.
Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.