Text

Body text primitive. Renders paragraphs, spans, labels, and other inline text.

Example

Large body text for emphasis.

Default body text for content paragraphs.

Small muted text for captions and metadata.

Props

NameTypeDefaultRequiredDescription
as'p' | 'span' | 'label' | 'small' | 'strong' | 'em' | 'div''p'NoHTML element to render
size'sm' | 'base' | 'lg''base'NoFont size
mutedbooleanfalseNoUses muted text color

Accessibility

  • Renders semantic HTML elements
  • Muted text maintains WCAG AA contrast ratio

Related Tokens

--text-font-family--text-font-size-sm--text-font-size-base--text-font-size-lg