Text

wu-text sets body text on any element. Two paragraphs in a row get space between them.

Class	Effect
`wu-text`	Root. Medium size, relaxed leading, pretty wrapping
`sm`	Small
`lg`	Large, for a lead paragraph
`muted`	Muted color

Paragraphs

A lead paragraph introduces the page.

Body text follows with relaxed leading, so longer passages stay easy to read.

Small, muted text for notes and fine print.

<p class="wu-text lg">A lead paragraph introduces the page.</p>
<p class="wu-text">Body text follows with relaxed leading, so longer passages stay easy to read.</p>
<p class="wu-text sm muted">Small, muted text for notes and fine print.</p>

Sizes

Small text

Default text

Large text

<div class="flex col gap-2">
  <p class="wu-text sm">Small text</p>
  <p class="wu-text">Default text</p>
  <p class="wu-text lg">Large text</p>
</div>

Load only the text

@use "@wovenui/components/text";

The text needs no other component.