Back

Menu

Vertical

Grouped & Collapsible

Nested Menus

Horizontal

Usage

@navigation.Menu(navigation.MenuProps{
    Orientation: "vertical",  // "vertical" (default) | "horizontal"
    Items: []navigation.MenuItemProps{
        {Label: "Dashboard", Href: "/", Active: true, Icon: homeIcon()},
        {Label: "Settings",  Href: "/settings"},
        {Label: "Billing",   Href: "/billing", Disabled: true},
    },
    // Or use Groups for section headings:
    Groups: []navigation.MenuGroupProps{
        {
            Label: "Workspace",
            Items: []navigation.MenuItemProps{
                {Label: "Overview", Href: "#", Badge: "5"},
            },
        },
    },
})