Pular para o conteúdo

MicroForm

  • Angular: mds-microform
  • CSS/HTML (mds-styles): disponível
  • Figma: ❌
  • Tipo: Componente Angular

O MicroForm é um formulário simplificado embutido em um componente de seleção (Select/Autocomplete). Ele permite o cadastro rápido de novos itens sem que o usuário precise abandonar o fluxo atual ou navegar para outra página, garantindo a continuidade da operação. ![image]((hosted image))


  • Gatilho de Ação: Exiba a opção de cadastro no final da lista de resultados do Select quando a busca não encontrar o item desejado.
    • Exemplo: Adicionar “Google”…
  • Limitação de Campos: Utilize apenas os campos estritamente essenciais (mínimo necessário para salvar o registro). Sugestão de no máximo 5 campos.
  • Cabeçalho de Contexto: O MicroForm deve exibir claramente qual categoria está sendo adicionada (ex: Empresa, Motorista, Placa).
  • Feedback de Ajuda: Use textos curtos para informar que dados complementares podem ser editados posteriormente nas configurações.
  • Ações Claras: Utilize Cancelar e Adicionar (ou Salvar) para fechar o fluxo.