Selecionável
Seleção com caixa em cada card e uma caixa na toolbar que marca ou desmarca todos os itens visíveis. Com algo marcado, a barra de ações em massa aparece acima da lista.
Envelopes
A seleção sobrevive à busca e aos filtros; a caixa da toolbar considera só o que está visível e fica parcial quando parte dele está marcada.
- 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
Marque envelopes para ver as ações em massa.
Uso
<DataList
aria-label="Envelopes"
items={items}
selectable
bulkActions={[
{ label: "Arquivar", icon: Archive, onClick: (ids) => archive(ids) },
{ label: "Excluir", icon: Trash2, danger: true, onClick: (ids) => remove(ids) },
]}
/>