Tag

As tags servem para mostrar uma pequena quantidade de metadados categorizados por cores. Elas são ideais para chamar a atenção do usuário.

Playground

Propriedades

Nome (* = obrigatório)

Tipo

Valores

Descrição

children

ReactNode

  • —

Conteúdo em texto.

state

TagState

  • neutral (default)

  • informative

  • positive

  • warning

  • negative

Cores padrão da tag, relacionadas aos tokens de cor do tipo feedback

modifier

TagModifier

  • none (default)

  • inverted

  • muted

  • premium

Cores de tag para contextos específicos.

icon

ReactNode

  • -

Ícone para ser renderizado na tag. Utilize ícones da @loft/react-icons com size="sm"