Article header

Eyebrow, title, intro, byline with avatar, date and reading time, then the full-width cover.

Articles

Pack defaults

With content

In context

Source

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

const props = {
  "eyebrow": "",
  "title": "Article title",
  "intro": "",
  "authorName": "",
  "authorHref": "",
  "date": "",
  "bodyLength": 0,
  "src": "",
  "alt": "",
  "caption": ""
};
<ArticleHeader {...props} />

Live CSS

Injected into the previews above. Article header

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