Header

Hairline-ruled header with the serif wordmark and sans nav; the current item gets the accent underline.

Chrome

Pack defaults

With content

In context

Source

import { Header } from "demo-blog/components";

const props = {
  "brand": "Margin Notes",
  "brandHref": "/"
};
<Header {...props} />

Injected into the previews above. Header

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */