Trend Chip
Viewer ao vivo e documentação do componente Trend Chip.
Sobre
Pill pequena que combina uma seta de alta/baixa com um valor (tipicamente um percentual), colorida em tom suave conforme a direção. Feito para linhas de estatística, ao lado de um valor numérico, sinalizando se o número mudou pra melhor ou pra pior. Puramente apresentacional: o label já deve vir formatado (ex: "12.4%").
label: texto exibido (já formatado pelo chamador).direction:up(seta pra cima, tom de sucesso),down(seta pra baixo, tom de perigo) ouflat(sem seta, tom neutro).size:sm(20),md(24, padrão) oulg(32) de altura — mesma escala de tamanhos doKasyTag.semanticLabel: rótulo de acessibilidade alternativo (por padrão gera "Up/Down" + o label, ou só o label quandoflat).
Preview
Carregando o componente…
Atualizado em 03/11/2026

