Alert
Mensagem em bloco sobre o envelope ou o documento. Cada cor de feedback traz um ícone padrão, que pode ser trocado ou removido.
Variantes
Rascunho salvo
O envelope continua como rascunho até você enviar para os signatários.
Ordem de assinatura ativa
Cada signatário só recebe o convite depois que o anterior assinar.
Documento concluído
Todos os 3 signatários assinaram. O PDF final já tem o relatório de assinaturas.
Prazo termina amanhã
Marina Alves Costa ainda não assinou. O envelope expira em 18/10/2026 às 23h59.
Lembrete automático desligado
Os signatários não recebem aviso antes do prazo.
Assinatura recusada
Rafael Nogueira recusou com o motivo: dados bancários incorretos na cláusula 4.
Contorno
appearance="outline" mantém o fundo neutro da superfície e colore só a borda e o ícone. Use quando vários alertas convivem na mesma tela ou o alerta fica dentro de um card colorido.
Rascunho salvo
O envelope continua como rascunho até você enviar para os signatários.
Ordem de assinatura ativa
Cada signatário só recebe o convite depois que o anterior assinar.
Documento concluído
Todos os 3 signatários assinaram. O PDF final já tem o relatório de assinaturas.
Prazo termina amanhã
Marina Alves Costa ainda não assinou. O envelope expira em 18/10/2026 às 23h59.
Lembrete automático desligado
Os signatários não recebem aviso antes do prazo.
Assinatura recusada
Rafael Nogueira recusou com o motivo: dados bancários incorretos na cláusula 4.
Composição
Use AlertTitle e AlertDescription como filhos quando a descrição tiver mais de um parágrafo ou uma ação.
Integridade verificada
O hash do arquivo confere com o registrado no envio.
SHA-256 9f2c4e7a1b3d58c0e6f4a2d9b7c1e3f5
CPF divergente
O CPF informado pelo signatário não confere com o cadastrado no envelope.
Sem ícone
Passe icon={null} para remover o ícone padrão.
Props
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| variant | "default" | "info" | "success" | "warning" | "caution" | "danger" | "default" | Cor de feedback e ícone padrão. |
| appearance | "filled" | "outline" | "filled" | filled pinta o fundo. outline deixa o fundo neutro e colore só a borda e o ícone. |
| icon | ReactNode | null | — | Troca o ícone padrão. null remove. |
| title | ReactNode | — | Atalho para AlertTitle. |
| description | ReactNode | — | Atalho para AlertDescription. |
| role | string | "alert" em danger e warning, "status" nas demais | Papel lido pelo leitor de tela. |
<Alert variant="warning" title="Prazo termina amanhã" description="O envelope expira em 18/10/2026." />