Senkrechte Navigation, die die aktuelle Seite hervorhebt und Links in einklappbaren Abschnitten gruppiert.
Warum es hilft
- Aktive Seite hervorgehoben
- Einklappbare Gruppen
- Funktioniert im Seitenpanel
Wo es passt
- Admin-Bereiche
- Dokumentation
- Dashboards
Beispiel
<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>Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.