Component

Heading

Typography component for headings with consistent styling.

tsx

import { Heading, Text } from 'wss3-forge'

Usage

•

Use semantic heading levels (1-6)

•

Level 1 for page titles only

•

Text component for body copy

•

Supports color variants

H1 Page Title

H2 Section Title

H3 Subsection

Large text

Medium text (default)

Small text

Muted color

Examples

Heading Levels

H1 Page Title

H2 Section Title

H3 Subsection

H4 Small Heading

tsx

1<Heading level={1}>H1 Page Title</Heading>
2<Heading level={2}>H2 Section Title</Heading>
3<Heading level={3}>H3 Subsection</Heading>
4<Heading level={4}>H4 Small Heading</Heading>

Text Variants

Large text

Medium text (default)

Small text

Muted color

tsx

1<Text size="lg">Large text</Text>
2<Text size="md">Medium text (default)</Text>
3<Text size="sm">Small text</Text>
4<Text color="muted">Muted color</Text>

CopyText

Highlight

Last updated: December 2025

Heading

Usage

H1 Page Title

H2 Section Title

H3 Subsection

Examples

Heading Levels

H1 Page Title

H2 Section Title

H3 Subsection

H4 Small Heading

Text Variants

Cookies