MSDR Design System

Patterns

Fluxos recorrentes montados a partir dos componentes. São exemplos funcionais — cada um roda de verdade nesta página.

CRUD com confirmação e estado vazio

Criar, validar, listar, remover com confirmação — e o que acontece quando a lista fica vazia.

  • Aurora Labs
  • Dunas Tech

Submit assíncrono

Loading, erro de servidor e sucesso comunicados pelo mesmo FormStatus usado em todos os formulários.

Fluxo em etapas

Stepper com estado concluído por ícone, e não apenas por cor.

Upload de arquivos

Drop ou seleção. Nada é enviado: o callback entrega os arquivos e quem usa decide o destino.

Arraste arquivos ou selecione do computadorPNG, JPG ou PDF até 10 MB

Command palette

Disponível em toda a aplicação por ⌘K / Ctrl+K, ou pelo campo de busca da topbar.

Abra qualquer rota da aplicação e pressione ⌘K. A lista reaproveita a mesma configuração de navegação da sidebar.

Ações destrutivas sempre passam por ConfirmAction, que aceita onConfirm assíncrono: o diálogo mostra o estado de execução e só fecha quando a promise resolve — o que evita clique duplo e fechamento antes da conclusão.