Typography

Opinionated text styles for headings, body, and code.

Typography

Section title

Lead text introduces a section with relaxed emphasis.

Body copy uses comfortable line height. Use TypographyInlineCode for inline snippets.

Quotes stand out with a subtle left border.

Small caption text

Muted supporting text for hints and meta.

Installation

1pnpm dlx shadcn@latest add @glasswave/typography

Usage

1import {2  TypographyH1,3  TypographyH2,4  TypographyH3,5  TypographyH4,6  TypographyP,7  TypographyLead,8  TypographyLarge,9  TypographySmall,10  TypographyMuted,11  TypographyBlockquote,12  TypographyList,13  TypographyInlineCode,14} from "glasswave";

Each export is a thin styled wrapper around the matching HTML element (h1–h4, p, small, ul, code, etc.). Pass className to extend.

TypographyList renders a ul with disc markers and vertical rhythm.

API Reference

Each component (TypographyH1–TypographyH4, TypographyP, TypographyLead, TypographyLarge, TypographySmall, TypographyMuted, TypographyBlockquote, TypographyList, TypographyInlineCode) renders its matching semantic element and accepts its native attributes plus className.