Text

The Text component displays textual information in a number of optional styles and variants.

You can learn more about this component in the Working with Text article.

Also note that variants of the Text component are also mapped to HtmlTag components. See the variant section to check which variant maps to which HtmlTag.

Properties

`ellipses (default: false)`

This property indicates whether ellipses should be displayed when the text is cropped (true) or not (false).

<App>
  <VStack width="120px">
    <Text
      backgroundColor="cyan"
      color="black"
      maxLines="1"
      ellipses="false">
      Though this long text does is about to crop!
    </Text>
    <Text
      backgroundColor="cyan"
      color="black"
      maxLines="1">
      Though this long text does is about to crop!
    </Text>
  </VStack>
</App>

`maxLines`

This property determines the maximum number of lines the component can wrap to. If there is no space to display all the contents, the component displays up to as many lines as specified in this property. When the value is not defined, there is no limit on the displayed lines.

<App>
  <Text
    maxWidth="120px"
    backgroundColor="cyan"
    color="black"
    value="A long text that will likely overflow"
    maxLines="2" />
</App>

`preserveLinebreaks (default: "false")`

This property indicates if linebreaks should be preserved when displaying text.

<App>
  <HStack>
    <Text
      width="250px"
      backgroundColor="cyan"
      color="black"
      preserveLinebreaks="true"
      value="(preserve) This long text
      with several line breaks
              does not fit into a viewport with a 200-pixel width." />
    <Text
      width="250px"
      backgroundColor="cyan"
      color="black"
      value="(don't preserve) This long text
      with several line breaks
              does not fit into a viewport with a 200-pixel width." />
  </HStack>
</App>

Note: Remember to use the value property of the Text. Linebreaks are converted to spaces when nesting the text inside the Text component.

`value`

The text to be displayed. This value can also be set via nesting the text into the Text component.

<App>
  <Text value="An example text" />
  <Text>An example text</Text>
</App>

`variant`

An optional string value that provides named presets for text variants with a unique combination of font style, weight, size, color, and other parameters. If not defined, the text uses the current style of its context.

Available values:

Value	Description
`abbr`	Represents an abbreviation or acronym
`caption`	Represents the caption (or title) of a table
`cite`	Is used to mark up the title of a cited work
`code`	Represents a line of code
`codefence`	Handles the display of code blocks if combined with a `code` variant
`deleted`	Represents text that has been deleted
`em`	Marks text to stress emphasis
`inserted`	Represents a range of text that has been added to a document
`keyboard`	Represents a span of text denoting textual user input from a keyboard or voice input
`marked`	Represents text which is marked or highlighted for reference or notation
`mono`	Text using a mono style font family
`paragraph`	Represents a paragraph
`placeholder`	Text that is mostly used as the placeholder style in input controls
`sample`	Represents sample (or quoted) output from a computer program
`secondary`	Represents a bit dimmed secondary text
`small`	Represents side-comments and small print
`sub`	Specifies inline text as subscript
`strong`	Contents have strong importance
`subheading`	Indicates that the text is the subtitle in a heading
`subtitle`	Indicates that the text is the subtitle of some other content
`sup`	Specifies inline text as superscript
`tableheading`	Indicates that the text is a table heading
`title`	Indicates that the text is the title of some other content
`var`	Represents the name of a variable in a mathematical expression

HtmlTag Mappings

The table below indicates which Text variant maps to which HtmlTag component.

Variant	Component
`abbr`	abbr
`cite`	cite
`code`	code
`codefence`	pre
`deleted`	del
`inserted`	ins
`keyboard`	kbd
`marked`	mark
`sample`	samp
`sub`	sub
`sup`	sup
`var`	var
`strong`	strong
`em`	em
`paragraph`	p

Events

This component does not have any events.

Exposed Methods

This component does not expose any methods.

Styling

The Text component uses these theme variables:

verticalAlign
borderRadius
color
backgroundColor
borderColor
textDecorationColor
fontFamily
fontSize
fontWeight
fontStyle
fontStretch
letterSpacing
textDecorationLine
lineHeight
textUnderlineOffset
paddingHorizontal
paddingVertical
borderStyle
textDecorationStyle
borderWidth
textDecorationThickness
transform

You must combine these property names with Text and the variant's name. For example, you can set a light green background for the abbr variant and add some horizontal padding with the following theme variables:

"backgroundColor-Text-abbr": "lightgreen",
"paddingHorizontal-Text-abbr": "8px"

Theme Variables

Variable	Default Value (Light)	Default Value (Dark)
backgroundColor-Text-abbr	none	none
backgroundColor-Text-caption	none	none
backgroundColor-Text-cite	none	none
backgroundColor-Text-code	$color-surface-100	$color-surface-100
backgroundColor-Text-codefence	$color-primary-100	$color-primary-100
backgroundColor-Text-deleted	none	none
backgroundColor-Text-inserted	none	none
backgroundColor-Text-keyboard	$color-surface-200	$color-surface-200
backgroundColor-Text-markdown	none	none
backgroundColor-Text-marked	yellow	yellow
backgroundColor-Text-mono	none	none
backgroundColor-Text-paragraph	none	none
backgroundColor-Text-placeholder	none	none
backgroundColor-Text-sample	none	none
backgroundColor-Text-secondary	none	none
backgroundColor-Text-small	none	none
backgroundColor-Text-sub	none	none
backgroundColor-Text-subheading	none	none
backgroundColor-Text-subtitle	none	none
backgroundColor-Text-sup	none	none
backgroundColor-Text-tableheading	none	none
backgroundColor-Text-title	none	none
backgroundColor-Text-var	none	none
borderColor-Text-abbr	none	none
borderColor-Text-caption	none	none
borderColor-Text-cite	none	none
borderColor-Text-code	$color-surface-200	$color-surface-200
borderColor-Text-codefence	none	none
borderColor-Text-deleted	none	none
borderColor-Text-inserted	none	none
borderColor-Text-keyboard	$color-surface-300	$color-surface-300
borderColor-Text-markdown	none	none
borderColor-Text-marked	none	none
borderColor-Text-mono	none	none
borderColor-Text-paragraph	none	none
borderColor-Text-placeholder	none	none
borderColor-Text-sample	none	none
borderColor-Text-secondary	none	none
borderColor-Text-small	none	none
borderColor-Text-sub	none	none
borderColor-Text-subheading	none	none
borderColor-Text-subtitle	none	none
borderColor-Text-sup	none	none
borderColor-Text-tableheading	none	none
borderColor-Text-title	none	none
borderColor-Text-var	none	none
borderRadius-Text	$borderRadius	$borderRadius
borderRadius-Text-abbr	none	none
borderRadius-Text-caption	none	none
borderRadius-Text-cite	none	none
borderRadius-Text-code	none	none
borderRadius-Text-codefence	none	none
borderRadius-Text-deleted	none	none
borderRadius-Text-inserted	none	none
borderRadius-Text-keyboard	none	none
borderRadius-Text-markdown	none	none
borderRadius-Text-marked	none	none
borderRadius-Text-mono	none	none
borderRadius-Text-paragraph	none	none
borderRadius-Text-placeholder	none	none
borderRadius-Text-sample	none	none
borderRadius-Text-secondary	none	none
borderRadius-Text-small	none	none
borderRadius-Text-sub	none	none
borderRadius-Text-subheading	none	none
borderRadius-Text-subtitle	none	none
borderRadius-Text-sup	none	none
borderRadius-Text-tableheading	none	none
borderRadius-Text-title	none	none
borderRadius-Text-var	none	none
borderStyle-Text	solid	solid
borderStyle-Text-abbr	none	none
borderStyle-Text-caption	none	none
borderStyle-Text-cite	none	none
borderStyle-Text-code	none	none
borderStyle-Text-codefence	none	none
borderStyle-Text-deleted	none	none
borderStyle-Text-inserted	none	none
borderStyle-Text-keyboard	none	none
borderStyle-Text-markdown	none	none
borderStyle-Text-marked	none	none
borderStyle-Text-mono	none	none
borderStyle-Text-paragraph	none	none
borderStyle-Text-placeholder	none	none
borderStyle-Text-sample	none	none
borderStyle-Text-secondary	none	none
borderStyle-Text-small	none	none
borderStyle-Text-sub	none	none
borderStyle-Text-subheading	none	none
borderStyle-Text-subtitle	none	none
borderStyle-Text-sup	none	none
borderStyle-Text-tableheading	none	none
borderStyle-Text-title	none	none
borderStyle-Text-var	none	none
borderWidth-Text	$space-0	$space-0
borderWidth-Text-abbr	none	none
borderWidth-Text-caption	none	none
borderWidth-Text-cite	none	none
borderWidth-Text-code	1px	1px
borderWidth-Text-codefence	none	none
borderWidth-Text-deleted	none	none
borderWidth-Text-inserted	none	none
borderWidth-Text-keyboard	1px	1px
borderWidth-Text-markdown	none	none
borderWidth-Text-marked	none	none
borderWidth-Text-mono	none	none
borderWidth-Text-paragraph	none	none
borderWidth-Text-placeholder	none	none
borderWidth-Text-sample	none	none
borderWidth-Text-secondary	none	none
borderWidth-Text-small	none	none
borderWidth-Text-sub	none	none
borderWidth-Text-subheading	none	none
borderWidth-Text-subtitle	none	none
borderWidth-Text-sup	none	none
borderWidth-Text-tableheading	none	none
borderWidth-Text-title	none	none
borderWidth-Text-var	none	none
color-Text-codefence	$color-surface-900	$color-surface-900
color-Text-placeholder	$color-surface-500	$color-surface-500
color-Text-secondary	$textColor-secondary	$textColor-secondary
color-Text-subheading	$textColor-secondary	$textColor-secondary
fontFamily-Text	$fontFamily	$fontFamily
fontFamily-Text-abbr	none	none
fontFamily-Text-caption	none	none
fontFamily-Text-cite	none	none
fontFamily-Text-code	$fontFamily-monospace	$fontFamily-monospace
fontFamily-Text-codefence	$fontFamily-monospace	$fontFamily-monospace
fontFamily-Text-deleted	none	none
fontFamily-Text-inserted	none	none
fontFamily-Text-keyboard	$fontFamily-monospace	$fontFamily-monospace
fontFamily-Text-markdown	none	none
fontFamily-Text-marked	none	none
fontFamily-Text-mono	$fontFamily-monospace	$fontFamily-monospace
fontFamily-Text-paragraph	none	none
fontFamily-Text-placeholder	none	none
fontFamily-Text-sample	$fontFamily-monospace	$fontFamily-monospace
fontFamily-Text-secondary	none	none
fontFamily-Text-small	none	none
fontFamily-Text-sub	none	none
fontFamily-Text-subheading	none	none
fontFamily-Text-subtitle	none	none
fontFamily-Text-sup	none	none
fontFamily-Text-tableheading	none	none
fontFamily-Text-title	none	none
fontFamily-Text-var	none	none
fontSize-Text	$fontSize-small	$fontSize-small
fontSize-Text-abbr	none	none
fontSize-Text-caption	none	none
fontSize-Text-cite	none	none
fontSize-Text-code	$fontSize-small	$fontSize-small
fontSize-Text-codefence	none	none
fontSize-Text-deleted	none	none
fontSize-Text-inserted	none	none
fontSize-Text-keyboard	$fontSize-small	$fontSize-small
fontSize-Text-markdown	none	none
fontSize-Text-marked	none	none
fontSize-Text-mono	none	none
fontSize-Text-paragraph	none	none
fontSize-Text-placeholder	$fontSize-small	$fontSize-small
fontSize-Text-sample	$fontSize-small	$fontSize-small
fontSize-Text-secondary	$fontSize-small	$fontSize-small
fontSize-Text-small	$fontSize-small	$fontSize-small
fontSize-Text-sub	$fontSize-smaller	$fontSize-smaller
fontSize-Text-subheading	$fontSize-H6	$fontSize-H6
fontSize-Text-subtitle	$fontSize-medium	$fontSize-medium
fontSize-Text-sup	$fontSize-smaller	$fontSize-smaller
fontSize-Text-tableheading	none	none
fontSize-Text-title	$fontSize-large	$fontSize-large
fontSize-Text-var	none	none
fontStretch-Text-abbr	none	none
fontStretch-Text-caption	none	none
fontStretch-Text-cite	none	none
fontStretch-Text-code	none	none
fontStretch-Text-codefence	none	none
fontStretch-Text-deleted	none	none
fontStretch-Text-inserted	none	none
fontStretch-Text-keyboard	none	none
fontStretch-Text-markdown	none	none
fontStretch-Text-marked	none	none
fontStretch-Text-mono	none	none
fontStretch-Text-paragraph	none	none
fontStretch-Text-placeholder	none	none
fontStretch-Text-sample	none	none
fontStretch-Text-secondary	none	none
fontStretch-Text-small	none	none
fontStretch-Text-sub	none	none
fontStretch-Text-subheading	none	none
fontStretch-Text-subtitle	none	none
fontStretch-Text-sup	none	none
fontStretch-Text-tableheading	none	none
fontStretch-Text-title	none	none
fontStretch-Text-var	none	none
fontStyle-Text-abbr	none	none
fontStyle-Text-caption	none	none
fontStyle-Text-cite	italic	italic
fontStyle-Text-code	none	none
fontStyle-Text-codefence	none	none
fontStyle-Text-deleted	none	none
fontStyle-Text-inserted	none	none
fontStyle-Text-keyboard	none	none
fontStyle-Text-markdown	none	none
fontStyle-Text-marked	none	none
fontStyle-Text-mono	none	none
fontStyle-Text-paragraph	none	none
fontStyle-Text-placeholder	none	none
fontStyle-Text-sample	none	none
fontStyle-Text-secondary	none	none
fontStyle-Text-small	none	none
fontStyle-Text-sub	none	none
fontStyle-Text-subheading	none	none
fontStyle-Text-subtitle	none	none
fontStyle-Text-sup	none	none
fontStyle-Text-tableheading	none	none
fontStyle-Text-title	none	none
fontStyle-Text-var	italic	italic
fontWeight-Text	$fontWeight-normal	$fontWeight-normal
fontWeight-Text-abbr	$fontWeight-bold	$fontWeight-bold
fontWeight-Text-caption	none	none
fontWeight-Text-cite	none	none
fontWeight-Text-code	none	none
fontWeight-Text-codefence	none	none
fontWeight-Text-deleted	none	none
fontWeight-Text-inserted	none	none
fontWeight-Text-keyboard	$fontWeight-bold	$fontWeight-bold
fontWeight-Text-markdown	none	none
fontWeight-Text-marked	none	none
fontWeight-Text-mono	none	none
fontWeight-Text-paragraph	none	none
fontWeight-Text-placeholder	none	none
fontWeight-Text-sample	none	none
fontWeight-Text-secondary	none	none
fontWeight-Text-small	none	none
fontWeight-Text-sub	none	none
fontWeight-Text-subheading	$fontWeight-bold	$fontWeight-bold
fontWeight-Text-subtitle	none	none
fontWeight-Text-sup	none	none
fontWeight-Text-tableheading	$fontWeight-bold	$fontWeight-bold
fontWeight-Text-title	none	none
fontWeight-Text-var	none	none
letterSpacing-Text-abbr	none	none
letterSpacing-Text-caption	0.05rem	0.05rem
letterSpacing-Text-cite	none	none
letterSpacing-Text-code	none	none
letterSpacing-Text-codefence	none	none
letterSpacing-Text-deleted	none	none
letterSpacing-Text-inserted	none	none
letterSpacing-Text-keyboard	none	none
letterSpacing-Text-markdown	none	none
letterSpacing-Text-marked	none	none
letterSpacing-Text-mono	none	none
letterSpacing-Text-paragraph	none	none
letterSpacing-Text-placeholder	none	none
letterSpacing-Text-sample	none	none
letterSpacing-Text-secondary	none	none
letterSpacing-Text-small	none	none
letterSpacing-Text-sub	none	none
letterSpacing-Text-subheading	0.04em	0.04em
letterSpacing-Text-subtitle	none	none
letterSpacing-Text-sup	none	none
letterSpacing-Text-tableheading	none	none
letterSpacing-Text-title	none	none
letterSpacing-Text-var	none	none
lineHeight-Text-abbr	none	none
lineHeight-Text-caption	none	none
lineHeight-Text-cite	none	none
lineHeight-Text-code	none	none
lineHeight-Text-codefence	none	none
lineHeight-Text-deleted	none	none
lineHeight-Text-inserted	none	none
lineHeight-Text-keyboard	none	none
lineHeight-Text-markdown	none	none
lineHeight-Text-marked	none	none
lineHeight-Text-mono	none	none
lineHeight-Text-paragraph	none	none
lineHeight-Text-placeholder	none	none
lineHeight-Text-sample	none	none
lineHeight-Text-secondary	none	none
lineHeight-Text-small	$lineHeight-tight	$lineHeight-tight
lineHeight-Text-sub	none	none
lineHeight-Text-subheading	none	none
lineHeight-Text-subtitle	none	none
lineHeight-Text-sup	none	none
lineHeight-Text-tableheading	none	none
lineHeight-Text-title	none	none
lineHeight-Text-var	none	none
marginBottom-Text-abbr	none	none
marginBottom-Text-caption	none	none
marginBottom-Text-cite	none	none
marginBottom-Text-code	none	none
marginBottom-Text-codefence	none	none
marginBottom-Text-deleted	none	none
marginBottom-Text-inserted	none	none
marginBottom-Text-keyboard	none	none
marginBottom-Text-markdown	none	none
marginBottom-Text-marked	none	none
marginBottom-Text-mono	none	none
marginBottom-Text-paragraph	none	none
marginBottom-Text-placeholder	none	none
marginBottom-Text-sample	none	none
marginBottom-Text-secondary	none	none
marginBottom-Text-small	none	none
marginBottom-Text-sub	none	none
marginBottom-Text-subheading	none	none
marginBottom-Text-subtitle	none	none
marginBottom-Text-sup	none	none
marginBottom-Text-tableheading	$space-4	$space-4
marginBottom-Text-title	none	none
marginBottom-Text-var	none	none
marginTop-Text-abbr	none	none
marginTop-Text-caption	none	none
marginTop-Text-cite	none	none
marginTop-Text-code	none	none
marginTop-Text-codefence	none	none
marginTop-Text-deleted	none	none
marginTop-Text-inserted	none	none
marginTop-Text-keyboard	none	none
marginTop-Text-markdown	none	none
marginTop-Text-marked	none	none
marginTop-Text-mono	none	none
marginTop-Text-paragraph	none	none
marginTop-Text-placeholder	none	none
marginTop-Text-sample	none	none
marginTop-Text-secondary	none	none
marginTop-Text-small	none	none
marginTop-Text-sub	none	none
marginTop-Text-subheading	none	none
marginTop-Text-subtitle	none	none
marginTop-Text-sup	none	none
marginTop-Text-tableheading	$space-1	$space-1
marginTop-Text-title	none	none
marginTop-Text-var	none	none
paddingHorizontal-Text-code	$space-1	$space-1
paddingHorizontal-Text-codefence	$space-3	$space-3
paddingHorizontal-Text-keyboard	$space-1	$space-1
paddingHorizontal-Text-tableheading	$space-1	$space-1
paddingVertical-Text-codefence	$space-2	$space-2
paddingVertical-Text-paragraph	$space-1	$space-1
textColor-Text	$textColor-primary	$textColor-primary
textColor-Text-abbr	none	none
textColor-Text-caption	none	none
textColor-Text-cite	none	none
textColor-Text-code	none	none
textColor-Text-codefence	none	none
textColor-Text-deleted	none	none
textColor-Text-inserted	none	none
textColor-Text-keyboard	none	none
textColor-Text-markdown	none	none
textColor-Text-marked	none	none
textColor-Text-mono	none	none
textColor-Text-paragraph	none	none
textColor-Text-placeholder	none	none
textColor-Text-sample	none	none
textColor-Text-secondary	none	none
textColor-Text-small	none	none
textColor-Text-sub	none	none
textColor-Text-subheading	none	none
textColor-Text-subtitle	none	none
textColor-Text-sup	none	none
textColor-Text-tableheading	none	none
textColor-Text-title	none	none
textColor-Text-var	none	none
textDecorationColor-Text-abbr	none	none
textDecorationColor-Text-caption	none	none
textDecorationColor-Text-cite	none	none
textDecorationColor-Text-code	none	none
textDecorationColor-Text-codefence	none	none
textDecorationColor-Text-deleted	none	none
textDecorationColor-Text-inserted	none	none
textDecorationColor-Text-keyboard	none	none
textDecorationColor-Text-markdown	none	none
textDecorationColor-Text-marked	none	none
textDecorationColor-Text-mono	none	none
textDecorationColor-Text-paragraph	none	none
textDecorationColor-Text-placeholder	none	none
textDecorationColor-Text-sample	none	none
textDecorationColor-Text-secondary	none	none
textDecorationColor-Text-small	none	none
textDecorationColor-Text-sub	none	none
textDecorationColor-Text-subheading	none	none
textDecorationColor-Text-subtitle	none	none
textDecorationColor-Text-sup	none	none
textDecorationColor-Text-tableheading	none	none
textDecorationColor-Text-title	none	none
textDecorationColor-Text-var	none	none
textDecorationLine-Text-abbr	none	none
textDecorationLine-Text-caption	none	none
textDecorationLine-Text-cite	none	none
textDecorationLine-Text-code	none	none
textDecorationLine-Text-codefence	none	none
textDecorationLine-Text-deleted	line-through	line-through
textDecorationLine-Text-inserted	underline	underline
textDecorationLine-Text-keyboard	none	none
textDecorationLine-Text-markdown	none	none
textDecorationLine-Text-marked	none	none
textDecorationLine-Text-mono	none	none
textDecorationLine-Text-paragraph	none	none
textDecorationLine-Text-placeholder	none	none
textDecorationLine-Text-sample	none	none
textDecorationLine-Text-secondary	none	none
textDecorationLine-Text-small	none	none
textDecorationLine-Text-sub	none	none
textDecorationLine-Text-subheading	none	none
textDecorationLine-Text-subtitle	none	none
textDecorationLine-Text-sup	none	none
textDecorationLine-Text-tableheading	none	none
textDecorationLine-Text-title	none	none
textDecorationLine-Text-var	none	none
textDecorationStyle-Text-abbr	none	none
textDecorationStyle-Text-caption	none	none
textDecorationStyle-Text-cite	none	none
textDecorationStyle-Text-code	none	none
textDecorationStyle-Text-codefence	none	none
textDecorationStyle-Text-deleted	none	none
textDecorationStyle-Text-inserted	none	none
textDecorationStyle-Text-keyboard	none	none
textDecorationStyle-Text-markdown	none	none
textDecorationStyle-Text-marked	none	none
textDecorationStyle-Text-mono	none	none
textDecorationStyle-Text-paragraph	none	none
textDecorationStyle-Text-placeholder	none	none
textDecorationStyle-Text-sample	none	none
textDecorationStyle-Text-secondary	none	none
textDecorationStyle-Text-small	none	none
textDecorationStyle-Text-sub	none	none
textDecorationStyle-Text-subheading	none	none
textDecorationStyle-Text-subtitle	none	none
textDecorationStyle-Text-sup	none	none
textDecorationStyle-Text-tableheading	none	none
textDecorationStyle-Text-title	none	none
textDecorationStyle-Text-var	none	none
textDecorationThickness-Text-abbr	none	none
textDecorationThickness-Text-caption	none	none
textDecorationThickness-Text-cite	none	none
textDecorationThickness-Text-code	none	none
textDecorationThickness-Text-codefence	none	none
textDecorationThickness-Text-deleted	none	none
textDecorationThickness-Text-inserted	none	none
textDecorationThickness-Text-keyboard	none	none
textDecorationThickness-Text-markdown	none	none
textDecorationThickness-Text-marked	none	none
textDecorationThickness-Text-mono	none	none
textDecorationThickness-Text-paragraph	none	none
textDecorationThickness-Text-placeholder	none	none
textDecorationThickness-Text-sample	none	none
textDecorationThickness-Text-secondary	none	none
textDecorationThickness-Text-small	none	none
textDecorationThickness-Text-sub	none	none
textDecorationThickness-Text-subheading	none	none
textDecorationThickness-Text-subtitle	none	none
textDecorationThickness-Text-sup	none	none
textDecorationThickness-Text-tableheading	none	none
textDecorationThickness-Text-title	none	none
textDecorationThickness-Text-var	none	none
textTransform-Text-abbr	uppercase	uppercase
textTransform-Text-caption	none	none
textTransform-Text-cite	none	none
textTransform-Text-code	none	none
textTransform-Text-codefence	none	none
textTransform-Text-deleted	none	none
textTransform-Text-inserted	none	none
textTransform-Text-keyboard	none	none
textTransform-Text-markdown	none	none
textTransform-Text-marked	none	none
textTransform-Text-mono	none	none
textTransform-Text-paragraph	none	none
textTransform-Text-placeholder	none	none
textTransform-Text-sample	none	none
textTransform-Text-secondary	none	none
textTransform-Text-small	none	none
textTransform-Text-sub	none	none
textTransform-Text-subheading	uppercase	uppercase
textTransform-Text-subtitle	none	none
textTransform-Text-sup	none	none
textTransform-Text-tableheading	none	none
textTransform-Text-title	none	none
textTransform-Text-var	none	none
textUnderlineOffset-Text-abbr	none	none
textUnderlineOffset-Text-caption	none	none
textUnderlineOffset-Text-cite	none	none
textUnderlineOffset-Text-code	none	none
textUnderlineOffset-Text-codefence	none	none
textUnderlineOffset-Text-deleted	none	none
textUnderlineOffset-Text-inserted	none	none
textUnderlineOffset-Text-keyboard	none	none
textUnderlineOffset-Text-markdown	none	none
textUnderlineOffset-Text-marked	none	none
textUnderlineOffset-Text-mono	none	none
textUnderlineOffset-Text-paragraph	none	none
textUnderlineOffset-Text-placeholder	none	none
textUnderlineOffset-Text-sample	none	none
textUnderlineOffset-Text-secondary	none	none
textUnderlineOffset-Text-small	none	none
textUnderlineOffset-Text-sub	none	none
textUnderlineOffset-Text-subheading	none	none
textUnderlineOffset-Text-subtitle	none	none
textUnderlineOffset-Text-sup	none	none
textUnderlineOffset-Text-tableheading	none	none
textUnderlineOffset-Text-title	none	none
textUnderlineOffset-Text-var	none	none
verticalAlign-Text-abbr	none	none
verticalAlign-Text-caption	none	none
verticalAlign-Text-cite	none	none
verticalAlign-Text-code	none	none
verticalAlign-Text-codefence	none	none
verticalAlign-Text-deleted	none	none
verticalAlign-Text-inserted	none	none
verticalAlign-Text-keyboard	none	none
verticalAlign-Text-markdown	none	none
verticalAlign-Text-marked	none	none
verticalAlign-Text-mono	none	none
verticalAlign-Text-paragraph	none	none
verticalAlign-Text-placeholder	none	none
verticalAlign-Text-sample	none	none
verticalAlign-Text-secondary	none	none
verticalAlign-Text-small	none	none
verticalAlign-Text-sub	sub	sub
verticalAlign-Text-subheading	none	none
verticalAlign-Text-subtitle	none	none
verticalAlign-Text-sup	super	super
verticalAlign-Text-tableheading	none	none
verticalAlign-Text-title	none	none
verticalAlign-Text-var	none	none

Tabs TextArea