Text

Use the shared typography primitive for headings, body copy, and metadata instead of re-styling text ad hoc across the app.

Purpose

Text is the typography surface for Mozhi. It standardizes headings, body copy, and small utility text while still letting you swap the rendered element with as.

Variants

h1 and h2 are for page-level hierarchy.
h3 and h4 are for sectional headings.
body handles default readable copy.
small is for meta labels, captions, and supporting detail.

Why use it

Using Text keeps spacing, weights, and semantic color tokens aligned across the showcase and the rest of the app.