Lista padrão
A tela de envelopes enviados: lista plana com busca, filtro de status, visões e um seletor de período na toolbar. Embaixo, a ordem de assinatura reordenada por arrastar.
Envelopes enviados
Trocar o período simula uma nova consulta: a lista mostra esqueletos até os dados chegarem.
- Contrato de prestação de serviçosDOC-2026-001184
- Assinaturas
- 2 de 3
- Prazo
- 24/10/2026
Em assinatura - Termo de adesão · Plano EmpresarialDOC-2026-001185
- Assinaturas
- 0 de 2
- Prazo
- 30/10/2026
Enviado - Procuração para representaçãoDOC-2026-001186
- Assinaturas
- 2 de 2
- Prazo
- 12/10/2026
Concluído - Aditivo contratual nº 3DOC-2026-001187
- Assinaturas
- 0 de 1
- Prazo
- —
Rascunho - Acordo de confidencialidadeDOC-2026-001188
- Assinaturas
- 1 de 2
- Prazo
- 05/10/2026
Expirado - Distrato · Fornecedor ACMEDOC-2026-001189
- Assinaturas
- 1 de 2
- Prazo
- 18/10/2026
Recusado - Contrato de locação · Sala 402DOC-2026-001190
- Assinaturas
- 1 de 3
- Prazo
- 28/10/2026
Em assinatura - Política de uso de dadosDOC-2026-001191
- Assinaturas
- 4 de 4
- Prazo
- 02/10/2026
Concluído
8 itens
Ordem de assinatura
enableDnD com onReorder: arraste pela alça ou use o teclado (Espaço para pegar, setas para mover, Espaço para soltar). Quem usa a lista atualiza a ordem.
- Helena Duarte1º a assinar
- Otávio Reis2º a assinar
- Marina Couto3º a assinar
- Igor Fontes4º a assinar
Uso
<List
aria-label="Ordem de assinatura"
enableDnD
items={signers}
onReorder={(id, toIndex) => setSigners(move(signers, id, toIndex))}
/>