Typography

Styled semantic text on the design tokens.

Typography maps text styles to semantic elements — headings, body copy, leads, muted text, blockquotes, lists, and code — all on the token system.

Installation

import { Typography } from "@iammikz/srui";

Usage

Taxing Laughter

The Joke Tax Chronicles — a cautionary tale of fiscal comedy.

The king, being thoroughly amused, imposed a joke tax on the kingdom, collected by the Department of Humour Revenue.

"I account it one of the wisest laws ever enacted."

— Royal Treasurer, 1724 (disputed)

  • Long jokes: taxed doubly
  • Puns: exempt under the Grandfather Clause

Configure in rates.config.

Variants

h1 h2 h3 h4 p lead large small muted blockquote ul code inlineCode — each maps to its semantic element; pass asChild to render your own element with the style. All accept className overrides.