ProgressCard
Acompanha o envio e o processamento de um arquivo do envelope. Mostra a etapa atual, a barra de progresso e, no erro, o motivo. O status é anunciado por uma região aria-live.
Envio ao vivo
Com progress, a barra é determinada e mostra a porcentagem. Sem ele, a barra pulsa.
contrato-locacao-rua-das-acacias.pdf
Enviando arquivo0%
Estados
loading, extracting, analyzing e concluding contam como em andamento. completed e error encerram o card.
contrato-prestacao-servicos.pdf
Enviando arquivo42%
aditivo-contratual-02.pdf
Extraindo páginas
procuracao-assinada.pdf
Verificando o documento
rg-frente.jpg
Concluindo
termo-de-confidencialidade.pdf
Pronto para assinatura
balanco-2025.xlsx
Falha no processamento
Formato não aceito. Envie o documento em PDF de até 20 MB.
Conteúdo extra
children aparece abaixo, separado por uma linha tracejada.
contrato-prestacao-servicos.pdf
12 páginas · 3 campos de assinatura
Hash SHA-256 9f2c41abe07d3c58a1d2
Props
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| title | string | — | Nome do arquivo ou da etapa. |
| status | "loading" | "extracting" | "analyzing" | "concluding" | "completed" | "error" | "loading" | Etapa atual do processamento. |
| progress | number | — | 0 a 100. Sem ele, a barra é indeterminada. |
| statusMessage | string | — | Substitui o texto do status. No erro, vira o motivo exibido no alerta. |
| type | "default" | "pdf" | "image" | "default" | Escolhe o ícone da miniatura. |
| mainIcon | ReactNode | — | Substitui o ícone da miniatura. |
| onClickIcon | () => void | — | Torna a miniatura um botão de pré-visualização. |
| onClose | () => void | — | Mostra o botão de cancelar envio ou remover arquivo. |
| closeLabel | string | — | Nome acessível do botão de fechar. |