BaseBadge

Mostra a situação de um item: em dia, atrasada, em análise.

Em diaAtençãoAtrasadaEm análiseRascunhoPequeno

Uso

• Um selo por item. O texto é curto e diz a situação, não a ação.
• O tom reforça o texto, nunca o substitui: "Atrasada" em vermelho, não só um ponto vermelho.
• Use os tons sempre com o mesmo significado no sistema inteiro.

Tom	Quando
success	Concluído ou em dia
warning	Precisa de atenção, mas não está errado
error	Atrasado, bloqueado ou com problema
info	Em andamento ou aguardando alguém
neutral	Sem situação definida, rascunho

Estilo

Propriedade	Token
Fundo	--tj-support-*-subtle
Texto	--tj-support-*-text (contraste mínimo 4,5:1 sobre o fundo)
Raio	--tj-radius-pill
Altura	24 px (md), 20 px (sm)

Código

<BaseBadge tone="error">Atrasada</BaseBadge>

Propriedade	Tipo	Padrão
tone	'neutral' | 'info' | 'success' | 'warning' | 'error'	'neutral'
size	'sm' | 'md'	'md'

Acessibilidade

• O selo é texto comum: o leitor de tela lê a situação.
• O ponto colorido é decorativo e não entra na leitura.
• Se o selo for atualizado enquanto a pessoa está na tela, avise com uma região aria-live na tela, não no selo.
• Testado com axe.