Status Badge
@velon-finance/ui · status: stable · molecule · domain
Indicador de status que mapeia os estados de transação, cobrança e liquidação da Velon (pending, confirmed, completed, failed, expired, success, error, warning, info) para combinações consistentes de ícone, tom e label.
Substitui as reimplementações feitas em cada app no velon-console, velon-app e Velon-manager.
Visão geral
PendingConfirmedCompletedSuccessFailedExpiredWarningInfo
Tamanhos
SuccessSuccessSuccess
Labels customizados (i18n)
Aguardando PIXPagoRecusado
Sem ícone
OKHold
Código
import { StatusBadge } from '@velon-finance/ui'
<StatusBadge status="completed" label="Pago" />
<StatusBadge status="failed" size="sm" />Taxonomia de status
| Status | Tom | Ícone | Uso |
|---|---|---|---|
pending | warning | Clock | Aguardando ação (PIX a confirmar, KYC em revisão) |
confirmed | info | CheckCircle | Confirmado mas ainda não liquidado |
completed / success | success | CheckCircle | Operação finalizada com sucesso |
failed / error | danger | XCircle | Falha permanente |
expired | warning | AlertTriangle | TTL excedido (PIX expirado, allocation expirada) |
warning | warning | AlertTriangle | Atenção mas não erro |
info | info | Info | Destaque informativo |