Skip to content
Typography

Typography

Semantic typography components for headings, body text, and inline elements. Each renders the correct HTML tag.

Sourcesrc/components/ui/typography.tsx

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Import

import {
  H1,
  H2,
  H3,
  H4,
  P,
  Lead,
  Large,
  Small,
  Muted,
  Code,
  Mono,
} from "@mikenotthepope/substrateui"

Body Text

Lead paragraph for introductory copy.

Standard paragraph with relaxed leading for body text.

Large semibold text for emphasis.
Small text with medium weight.

Muted text for secondary information.

Inline Elements

npm install substrate-ui
monospace text without background

API Reference

PropTypeDefaultDescription
classNamestring—Additional CSS classes to apply to the typography element.
children
required
React.ReactNode—The text content to render.