KasyKasy

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) ou flat (sem seta, tom neutro).
  • size: sm (20), md (24, padrão) ou lg (32) de altura — mesma escala de tamanhos do KasyTag.
  • semanticLabel: rótulo de acessibilidade alternativo (por padrão gera "Up/Down" + o label, ou só o label quando flat).

Preview

Carregando o componente…

Atualizado em 03/11/2026

Nesta página