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 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. |