children

ReactNode

• —

Conteúdo em texto.

as

TypographyHtmlTag

• h1

• h2

• h3

• h4

• h5

• h6

• p (default)

• span

• summary

Tag HTML utilizada.

align

TypographyTextAlign

• center

• inherit

• justify

• left (default)

• right

Propriedade "textAlign" aplicada ao elemento.

variant

TypographyVariant

• primary (default)

• secondary

• inherit

Cores padrão de texto.

modifier

TypographyModifier

• highlight

• placeholder

• inherit

• inverted

• premium

• none (default)

Cores de texto para contextos específicos.

textStyle

TypographyTextStyle

• h1

• h2

• h3

• h4

• hero

• subtitle

• paragraph-sm

• paragraph-sm-bold

• paragraph-md (default)

• paragraph-md-bold

• paragraph-lg

• paragraph-lg-bold

• caption

• overline

• label-sm

• label-md

Variante de estilo do texto (para todos os tamanhos de tela).

xs

TypographyTextStyle

• h1

• h2

• h3

• h4

• hero

• subtitle

• paragraph-sm

• paragraph-sm-bold

• paragraph-md

• paragraph-md-bold

• paragraph-lg

• paragraph-lg-bold

• caption

• overline

• label-sm

• label-md

Variante de estilo do texto para telas maiores que 320px.

sm

TypographyTextStyle

• h1

• h2

• h3

• h4

• hero

• subtitle

• paragraph-sm

• paragraph-sm-bold

• paragraph-md

• paragraph-md-bold

• paragraph-lg

• paragraph-lg-bold

• caption

• overline

• label-sm

• label-md

Variante de estilo do texto para telas maiores que 576px.

md

TypographyTextStyle

• h1

• h2

• h3

• h4

• hero

• subtitle

• paragraph-sm

• paragraph-sm-bold

• paragraph-md

• paragraph-md-bold

• paragraph-lg

• paragraph-lg-bold

• caption

• overline

• label-sm

• label-md

Variante de estilo do texto para telas maiores que 768px.

lg

TypographyTextStyle

• h1

• h2

• h3

• h4

• hero

• subtitle

• paragraph-sm

• paragraph-sm-bold

• paragraph-md

• paragraph-md-bold

• paragraph-lg

• paragraph-lg-bold

• caption

• overline

• label-sm

• label-md

Variante de estilo do texto para telas maiores que 960px.

xl

TypographyTextStyle

• h1

• h2

• h3

• h4

• hero

• subtitle

• paragraph-sm

• paragraph-sm-bold

• paragraph-md

• paragraph-md-bold

• paragraph-lg

• paragraph-lg-bold

• caption

• overline

• label-sm

• label-md

Variante de estilo do texto para telas maiores que 1200px.

xxl

TypographyTextStyle

• h1

• h2

• h3

• h4

• hero

• subtitle

• paragraph-sm

• paragraph-sm-bold

• paragraph-md

• paragraph-md-bold

• paragraph-lg

• paragraph-lg-bold

• caption

• overline

• label-sm

• label-md

Variante de estilo do texto para telas maiores que 1440px.