Tag

Exibe um label ou badge para categorizar ou destacar conteúdo.

Exemplos

Regular

Tamanhos

O sm é o padrão: 24px de altura, texto de 12px e ícone de 16px. O md tem 32px de altura, texto de 14px e ícone de 20px. Nas variantes *-basic, sem fundo e sem padding, a tag tem a altura da linha de texto: 16px no sm e 20px no md.

Emphasis

Gray

Success

Error

Warning

CM

GO

CIR

PED

PREV

IA

API

Propriedade	Tipo	Valores possíveis	Padrão	Descrição
variant	string	"regular", "regular-soft", "regular-basic", "emphasis", "emphasis-soft", "emphasis-basic", "gray", "gray-soft", "gray-basic", "success", "success-soft", "success-basic", "error", "error-soft", "error-basic", "warning", "warning-soft", "warning-basic", "cm", "cm-soft", "cm-basic", "go", "go-soft", "go-basic", "cir", "cir-soft", "cir-basic", "ped", "ped-soft", "ped-basic", "prev", "prev-soft", "prev-basic", "ia", "ia-soft", "ia-basic"	"regular"	Define o estilo visual da tag.
size	"sm" | "md"	"sm", "md"	"sm"	Tamanho da tag: sm com 24px de altura e texto de 12px, md com 32px e texto de 14px. O ícone acompanha (16px e 20px).
icon	React.ReactElement	-	-	Elemento de ícone exibido antes do conteúdo da tag.
asChild	boolean	true, false	false	Troca o elemento renderizado por padrão pelo que for passado como filho, mesclando props e comportamento.
className	string	-	-	Classes CSS adicionais aplicadas à tag.
...props	Todas as props nativas de span	-	-	Permite passar qualquer outra propriedade padrão de um elemento span.