navbar

func Navbar ¶

func Navbar(children ...g.Node) g.Node

Navbar creates a responsive navigation bar with mobile menu

Example:

menu.Navbar(
    menu.NavbarBrand(g.Text("My App")),
    menu.NavbarMenu(
        menu.Item("/", g.Text("Home"), menu.Active()),
        menu.Item("/about", g.Text("About")),
    ),
    menu.NavbarActions(
        button.Ghost(g.Text("Sign In")),
    ),
)

func NavbarActions ¶

func NavbarActions(children ...g.Node) g.Node

NavbarActions creates the right-side actions section

Example:

menu.NavbarActions(
    button.Ghost(g.Text("Sign In")),
    button.Primary(g.Text("Sign Up")),
)

func NavbarBrand ¶

func NavbarBrand(children ...g.Node) g.Node

NavbarBrand creates the brand/logo section

Example:

menu.NavbarBrand(
    html.Img(g.Attr("src", "/logo.svg"), g.Attr("alt", "Logo")),
    g.Text("My App"),
)

func NavbarMenu ¶

func NavbarMenu(children ...g.Node) g.Node

NavbarMenu creates the navigation links section On mobile, this appears in the drawer

Example:

menu.NavbarMenu(
    menu.Item("/", g.Text("Home")),
    menu.Item("/docs", g.Text("Docs")),
)

func NavbarWithOptions ¶

func NavbarWithOptions(opts []NavbarOption, children ...g.Node) g.Node

NavbarWithOptions creates navbar with custom options