Axon 911 Frontend DocsAxon 911 Frontend Docs
Axon 911 Frontend Docs
    Loading navigation…
U
User
Switch to light mode
  1. Components
  2. Navbar
  3. API and Development

Navbar

API and Development

View SourceOpens in a new tabSubmit IssueOpens in a new tab
Navbar from @prepared911/ui/navbar is the page banner. Slots go in order: NavbarStart, NavbarTabs, NavbarEnd. Start and end are as wide as their content. The tabs stay centered. There is no app switcher and no text-only brand variant.
Navbar
PropMeaning
stickySticks to the start edge. Default false.
stickyInsetSpace step between the stuck bar and the edge.
landmarkBanner by default. Switch to a nav and pass label when it is not the page banner.
NavbarBrand
The Axon mark, 30 by 30. Pass href and label when the mark is a link home. Pass label alone when the mark is an image with that name. Pass children to replace the mark. There is no variant and no ariaLabel.
NavbarTabs
Items are links: href, label, optional icon and counter. currentPath, navigate, and matchPath are the routing hand-off. Routes that do not fit move into a menu named by overflowLabel. There is no renderTab and no per-item onClick.
Previous
Navbar / Usage
Next
Navbar / Accessibility
On this page
Navbar
NavbarBrand
NavbarTabs