Modal

Introdução

Componente que pode sobrepor o restante da tela, permitindo que seja mais simples a edição de algum tipo de conteúdo.

Seu uso

Pode ser usado em conjunto um componente que tem um ouvidor de eventos, isso permite que tenhamos diversas modais ao mesmo tempo na tela.

Especificações técnicas

• Deve ter a capacidade de sobrepor qualquer elemento na tela
• Deve poder ser maximizada
• Deve poder ser redimensionada para qualquer lado
• Deve poder ser reposicionada na tela(arrastada para outras posições)
• Deve permitir um children que será o conteúdo exibido na modal
• Deve ter botões de fechar e de maximizar
• Deve ser possível exibir um título no header da modal, ao lado dos botões de fechar e maximizal
• A modal deve ter controle de foco
  • Ao focar na modal ela deve sobrepor qualquer outra que tiver aberta
  • Deve ser controlada a sombra na modal que está focada
• Não permitir que uma modal seja arrastada por completo para fora da tela
• Usar teclas de atalho para fechar(Esc) a modal e para acionar o botão primário(ctrl+Enter)