CRUD Pattern Completo
Padrão reutilizável para List, Form e Detail. Toda nova entidade segue este template.
1
List Page — Listagem com Tabela
Membros
7 membros na organização
| Membro | Função | Status | Ações |
|---|---|---|---|
JS João Silva joao@empresa.com | Admin | Ativo | |
MC Maria Costa maria@empresa.com | Membro | Ativo | |
PL Pedro Lima pedro@empresa.com | Membro | Convite pendente |
3 de 7 membros
2
Form Page — Criar / Editar
Convidar membro
Membros › Novo convite
Um convite será enviado para este endereço.
3
Detail Page — Visualização
João Silva
AtivoMembros › João Silva
Dados do membro
Nome completo
João Silva
joao@empresa.com
Função
Administrador
Membro desde
15 de março de 2026
Atividade recente
Aprovou aprovação #0041
há 2 horas
Rejeitou aprovação #0038
há 1 dia
Alterou configurações da org.
há 3 dias
Resumo do Padrão
List Page
- • Page header: título + contagem + CTA
- • Toolbar: busca + filtros
- • Tabela com hover e ações inline
- • Paginação abaixo
- • Estado vazio definido
Form Page
- • Voltar acima do título
- • Breadcrumb de contexto
- • Card contendo o form
- • Labels + helper text
- • Salvar + Cancelar no rodapé
Detail Page
- • Voltar + título + status badge
- • Ações à direita do header
- • Cards de informação em grid
- • Dados em label/valor
- • Atividade/histórico opcional