Typography

Typography

Semantic text styling with consistent typography.

Headings

Four heading levels with proportional sizing and weight.

Heading 1

Heading 2

Heading 3

Heading 4

Body Text

Paragraph and utility text variants for content hierarchy.

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

Blockquote and inline code for rich content formatting.

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

Inline code example: npm install neoui

API Reference

Component parameters and their types.

Prop Type Default Description
Variant TypographyVariant P Visual style. Options: H1, H2, H3, H4, P, Lead, Large, Small, Muted, Blockquote, InlineCode.
ChildContent RenderFragment? The text content to display.

Reconnecting...

Attempting to rejoin the server

Connection Lost

Retrying in seconds

Connection Failed

Failed to rejoin the server.
Please retry or reload the page.

Session Paused

The session has been paused by the server

Resume Failed

Failed to resume the session.
Please reload the page.