Typography Component

Semantic text styling with consistent typography.

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Body Text

This is a paragraph with default styling. It uses the P variant which provides proper line height and spacing.

This is lead text, slightly larger and perfect for introductions or important paragraphs.

This is large text for emphasis.
This is small text for fine print or secondary information.

This is muted text with reduced opacity for de-emphasized content.

Special Elements

"The only way to do great work is to love what you do." - Steve Jobs

Inline code example: npm install blazorui

An unhandled error has occurred. Reload 🗙