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"},
},
},
},
})