Label

O componente Label é derivado do componente Typography, provendo uma API da tag HTML label e com propriedades padrão do nosso Design System para alterar cor e estilo de texto.

Playground

Propriedades

Nome (* = obrigatório)

Tipo

Valores

Descrição

children

ReactNode

  • —

Conteúdo em texto.

htmlFor

string

  • —

Referencia o elemento que tem o atributo id com o mesmo valor.

modifier

LabelModifier

  • disabled

Cor do texto para contextos específicos.

textStyle

LabelTextStyle

  • caption

  • label-sm

  • label-md (default)

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

xs

LabelTextStyle

  • caption

  • label-sm

  • label-md

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

sm

LabelTextStyle

  • caption

  • label-sm

  • label-md

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

md

LabelTextStyle

  • caption

  • label-sm

  • label-md

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

lg

LabelTextStyle

  • caption

  • label-sm

  • label-md

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

xl

LabelTextStyle

  • caption

  • label-sm

  • label-md

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

xxl

LabelTextStyle

  • caption

  • label-sm

  • label-md

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