Text

Display text using well-defined typographic styles.

Headings

Use Text to standardize text content.

Paragraph

Add p and b attributes to a Text.

Small

Add small attributes to a Text.

Blockquote

Add blockquote attributes to a Text.

Types

You can change the color of the Text with the property type.

Sizes

Text of different sizes.

Compose

Effect of multiple Text stacks

APIs

Text.Props

AttributeDescriptionTypeAccepted valuesDefault
pcomponent nameboolean-true
h1 - h6component nameboolean-false
smallcomponent nameboolean-false
spancomponent nameboolean-false
delcomponent nameboolean-false
icomponent nameboolean-false
emcomponent nameboolean-false
bcomponent nameboolean-false
blockquotecomponent nameboolean-false
typetext typeTextTypesTextTypesdefault
...native propsHTMLAttributes'id', 'className', ...-

TextTypes

type TextTypes =
  | 'default'
  | 'primary'
  | 'secondary'
  | 'success'
  | 'warning'
  | 'error'
  | 'info'
Edit this page on GitHub

Previous

Tag

Next

Textarea

MADE & DESIGNED WITHBY BRUNO ANDRADE
docs background gradient blue
docs background gradient violet