BlazorUI Demo

Navigation menu

Route-aware links and collapsible groups for application sidebars.

Grouped navigation
View code 
<BuiSurface Class="max-w-72" Flush>
    <BuiNavMenu AriaLabel="Example navigation">
        <BuiNavLink Href="/" Match="NavLinkMatch.All" Icon="LucideIcons.House">Home</BuiNavLink>
        <BuiNavGroup Title="Management" StartIcon="LucideIcons.Settings" InitiallyExpanded>
            <BuiNavLink Href="/data-grid">Customers</BuiNavLink>
            <BuiNavLink Href="/components/forms/text-field">Settings</BuiNavLink>
        </BuiNavGroup>
    </BuiNavMenu>
</BuiSurface>