Minimalist responsive header — brand on the left, nav menu on the right, hamburger on mobile (below 768px). Fixed to the viewport top; hides on scroll-down and reappears on scroll-up when startHidden is set. Reads nav defaults from virtual:stnd/config. Slots: brand (replaces the default brand link), actions (page-level buttons — Share/Edit/etc. — rendered before the burger, visible regardless of menu/hideMenu), right (extra content after the nav menu), and two viewport-fixed slots rendered as siblings of the header itself — bottom-left / bottom-right.
<Header />
<Header brand="@stnd" items={[{ title: "Docs", url: "/docs" }]} />
Props
| Type | Name | Description |
|---|---|---|
| string | brand? |
Brand text shown in the default brand slot. Defaults to the site config’s own title, then “Home”. |
| string | brandHref? |
Link target for the default brand. Default: "https://standard.garden/" |
| Array<{ title: string; url: string; external?: boolean }> | items? |
Nav items — defaults to config.nav.header (or config.nav if it’s an array). |
| boolean | menu? |
When false, the burger button and nav menu are not rendered. Default: true |
| boolean | startHidden? |
When true, the header starts hidden and only appears on scroll-up. Default: false |
| string | class? |