StatusBadge
Selo de estado. Para envelopes, status já traz cor, rótulo e marca própria: cancelado é riscado e expirado tem borda tracejada, para os estados se distinguirem também sem cor. Para estados de outro domínio, use tone com um label livre.
Estados
RascunhoEnviadoEm assinaturaConcluídoRecusadoCanceladoExpirado
RascunhoEnviadoEm assinaturaConcluídoRecusadoCanceladoExpirado
Tons genéricos
Mesma aparência de selo para qualquer domínio: uma feature flag ativa, um certificado expirando, uma integração pausada. O rótulo é livre e a cor vem do tom.
AtivaEm revisãoPausadaExpirandoRevogadaArquivada
AtivaEm revisãoPausadaExpirandoRevogadaArquivada
Props
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| status | "draft" | "sent" | "partial" | "completed" | "rejected" | "canceled" | "expired" | — | Estado do envelope. Define cor, borda e rótulo padrão. Não combina com tone. |
| tone · label | "neutral" | "info" | "success" | "warning" | "caution" | "danger" · ReactNode | — | Selo genérico: a cor vem do tom e o rótulo é livre. Use no lugar de status. |
| size | "sm" | "md" | "md" | Tamanho do selo. |
| children | ReactNode | — | Substitui o rótulo padrão em português. |