Skip to content
kapable

Masthead

Foundations · 1 export · v0.1.0 · showcase

Page arrival header with a single screen title, factual readout, and double rule.

Browse 72 component families

Masthead owns the page-level h1, so nesting a second live instance inside this document would create a false outline. This server-rendered page does not imitate client behavior. Open the live playground.

Usage

Masthead usage
<Masthead wordmark="kapable" title="Deploys" readout="12 records" />

API

Masthead API

MastheadProps

Masthead props
proptypenotes
titlestringThe screen's h1. Display serif by default — the arrival moment.
readout?RemixNodeMono readout line under the title — REAL facts (version, sha, counts).
wordmark?stringLowercase mono wordmark above the title ("kapable").
quiet?booleanSans title, for screens spending their serif budget elsewhere (e.g. a styleguide whose EmptyState specimens carry it). One serif per screen.
mix?MixInput

More in Foundations

More in Foundations