This library is still in development and is available only for internal usage at VTEX.
Skip to main content

Text

Text

Version: Next

Text

By default <Text> renders a <span> or a specific text element, like <i>, <kbd>, <strong>, etc. You can apply all TextVariants using the variant prop.

Usage

import { Text } from '@vtex/admin-ui'

function Example() {
return <Text variant="headline">Headline</Text>
}

Examples

Tone of voice

Text tone of voice

Loading...

Variant

Loading...

Props

All props of span jsx element.

NameTypeDescriptionRequiredDefault
asHTMLElementTypeElement to render🚫'span'
variantpageTitle, title1, title2, action1, action2, display, body, detailText variant. Consumes the text pattern🚫body
toneprimary, secondary, info, critical, warning, positiveText Tone of voice🚫primary