Home hero

Display line and lead with one inline prose link.

Layout

Pack defaults

With content

In context

Source

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

const props = {
  "heading": "Notes from the margin",
  "lead": "Short essays on craft, focus and the tools that hold up.",
  "linkLabel": "About the journal",
  "linkHref": "/about"
};
<HomeHero {...props} />

Live CSS

Injected into the previews above. Home hero

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