Navbar

Site header with brand, link list, and an actions slot. On small screens the links collapse behind a 44px menu button.

Example

<Navbar brand="Acme" brandHref="/">
  <li><a class="ink-navbar__link" href="/components">Components</a></li>
  <li><a class="ink-navbar__link" href="/guides/theming">Theming</a></li>
  <Button slot="actions" size="sm" href="/">Get started</Button>
</Navbar>

Props

Prop	Type	Default	Description
`brand`	`string`	-	Brand text (or a `brand` slot).
`brandHref`	`string`	`/`	Brand destination.

Accessibility

Toggle button is 44px with aria-expanded.
Links are real anchors; resize the window to test the collapse.