Typography

v1.2.0

Renders text with consistent typographic styles.

Render a heading with one visual style but a different HTML tag.

Sub-Section Title Box

Visual Style: variant="h1" | HTML Target: Rendered as <h2>

Use markdown syntax inside typography components.

We can easily append bold core strings, italic emphasis notes, or standard inline code blocks cleanly.

This feature safely parses symbols without relying on dangerous inner HTML rendering tracks, keeping your application secure.

All available props for this component.

Property	Type	Default	Description
variant	'h1' \| 'h2' \| 'h3' \| 'h4' \| 'body' \| 'lead' \| 'small' \| 'code'	'body'	Controls structural styling parameters like weight, font sizing, tracking, and default colors.
as	React.ElementType	calculated	Explicit element override tag used to decouple design values from strict structural layout trees.
markdown	boolean	false	Enables safe scanning for inline markup syntax, converting patterns into stylized text nodes.