Navbar

Navigation

Takes a block

Top navigation bar with brand, links and action areas.

Navbar { … }

Example

Navbar { Navbar.Brand { Link("Acme", to: "/") } Navbar.Links { Link("Docs", to: "/docs") Link("Pricing", to: "/pricing") } Navbar.Actions { Button("Sign in").sm } }

Renders with the class wf-navbar, stable across releases, so a stylesheet may target it.

This element takes no props of its own.

Attribute families: global, aria, data. Plus the universal props on every element: animate:, exit:, speed:, class:, ref:.