Interface CommonTextProps

Valores aceitos para formatar texto.

Basicamente todas as propriedades já conhecidas do HTML estão presentes, mas seus valores são pré-definidos

Se for possível, utilize formatação também por código BBCode

Veja abaixo um exemplo utilizando algumas as propriedades:

<Text fontWeight="bold" textAlign="center" wide >Super customizado</Text>

Hierarchy

Properties

fontFamily? fontSize? fontStyle? fontWeight? letterSpacing? lineHeight? overflowWrap? textAlign? textDecoration? textIndent? textJustify? textOverflow? textRendering? textTransform? whiteSpace? wordSpacing?

Properties

Optional fontFamily

fontFamily?: string

A família da fonte.

Optional fontSize

fontSize?: "small" | "medium" | "quark" | "nano" | "extra-small" | "large" | "extra-large" | "big" | "display" | "huge" | "giant" | "jumbo"

O tamanho da fonte.

Optional fontStyle

fontStyle?: "normal" | "italic" | "oblique"

O estilo da fonte.

Optional fontWeight

fontWeight?: "medium" | "light" | "bold" | "regular"

A espessura da fonte.

Optional letterSpacing

letterSpacing?: "none" | "small" | "medium" | "quark" | "nano" | "extra-small" | "large" | "extra-large" | "big" | "display" | "huge" | "giant" | "jumbo" | "immense"

O espaçamento entre as letras do texto.

Optional lineHeight

lineHeight?: "small" | "medium" | "large"

A altura da linha do texto.

Optional overflowWrap

overflowWrap?: "normal" | "break-word"

O comportamento de quebra de palavra do texto.

Optional textAlign

textAlign?: "center" | "left" | "right" | "justify"

O alinhamento do texto.

Optional textDecoration

textDecoration?: "none" | "blink" | "underline" | "overline" | "line-through"

A decoração do texto.

Optional textIndent

textIndent?: "none" | "small" | "medium" | "quark" | "nano" | "extra-small" | "large" | "extra-large" | "big" | "display" | "huge" | "giant" | "jumbo" | "immense"

O recuo do texto na primeira linha.

Optional textJustify

textJustify?: "auto" | "inter-character" | "inter-word" | "distribute"

O alinhamento do texto justificado.

Optional textOverflow

textOverflow?: "clip" | "ellipsis"

O comportamento de quebra de texto quando há overflow.

Optional textRendering

textRendering?: "auto" | "optimizeSpeed" | "optimizeLegibility" | "geometricPrecision"

O método de renderização do texto.

Optional textTransform

textTransform?: "none" | "capitalize" | "uppercase" | "lowercase"

A transformação do texto.

Optional whiteSpace

whiteSpace?: "normal" | "pre" | "nowrap" | "pre-wrap" | "pre-line"

O comportamento de quebra de linha do texto.

Optional wordSpacing

wordSpacing?: "none" | "small" | "medium" | "quark" | "nano" | "extra-small" | "large" | "extra-large" | "big" | "display" | "huge" | "giant" | "jumbo" | "immense"

O espaçamento entre as palavras do texto.

Settings

Member Visibility

Theme

On This Page