Gå til indholdet
NAVIGATION · FREE

NavMenu

Lodret navigation, der fremhæver den aktuelle side.

Lodret navigation, der fremhæver den aktuelle side og grupperer links i sammenklappelige sektioner.

Hvorfor det hjælper

  • Aktiv side fremhævet
  • Sammenklappelige grupper
  • Virker i sidepanelet

Hvor det passer

  • Administrationsområder
  • Dokumentation
  • Dashboards
Kontrollen NavMenu på en RayCraft-side

Eksempel

<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>

Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.

Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentation