Páginas filhas
  • Mensagem de Informação - Toaster

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

  • Para informar o usuário sobre ações que aconteceram no sistema.

Estrutura

  • Barra de título;
  • Ícone fechar;
  • Cor variável (azul, amarelo, vermelho);
  • Ícone representado o tipo de toaster;
  • Área de texto para mensagens breves.

Comportamentos

  • Desliza sobre a interace debaixo para cima
  • Após alguns instantes desliza novamanete para baixo ocultando a informação.

Boas Práticas

  • O conteúdo do toaster deve ser breve, pois o tempo de sua leitura deverá ser equivalente ao tempo de exibição na interface.

Exemplo

Código fonte

...