Section heading

Eyebrow, heading and intro, centred or start-aligned.

Layout

Pack defaults

With content

In context

Source

import { SectionHeading } from "demo-landing/components";

const props = {
  "eyebrow": "",
  "heading": "Three views, one calendar",
  "intro": "",
  "as": "h2",
  "align": "center"
};
<SectionHeading {...props} />

Live CSS

Injected into the previews above. Section heading

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