Navegación vertical que resalta la página actual y agrupa los enlaces en secciones plegables.
Por qué ayuda
- Página activa resaltada
- Grupos plegables
- Funciona en el panel lateral
Dónde encaja
- Zonas de administración
- Documentación
- Paneles
Ejemplo
<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 breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.
Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.