Troada da mensagem flash
Design responsivo e de material. Um pacote para exibir mensagem flash ou mensagem de brinde sem qualquer dependência da estrutura da interface do usuário!
Outro pacote de mensagens flash geralmente depende de outra estrutura da interface do usuário, como bootstrap ou materialize. Isso pode causar algum conflito ao seu projeto. Este pacote não depende de nenhum pacote de interface do usuário ou estrutura da interface do usuário. Portanto, você não precisa se preocupar com o conflito com seus projetos.
Você pode ver a demonstração de Location1 ou Location2.
Uso
import { FlashMessage } from 'meteor/haojia321:flash-message-toast';
FlashMessage.show({
align: 'bottomCenter',
text: 'Hello World!'
});
API
FlashMessage.show (opções);
Argumento: objeto de opções
- alinhe a string
Opcional. Defina como você deseja alinhar seu contêiner de mensagem.
Valor permitido: 'Topright', 'Topleft', 'TopCenter', 'Bottomright', 'Bottomleft' e 'BottomCenter'. O padrão é 'TopCenter'. - booleano automático
Opcional. Defina se a mensagem desaparecerá automaticamente.
Valor permitido: verdadeiro e falso. O padrão é verdadeiro. - Hiddelay inteiro milissegundo
Opcional. Tempo de atraso antes da mensagem Flash desaparecer.
O padrão é 2000. - string de texto
Opcional. Conteúdo da sua mensagem flash.
O padrão é 'Hello World'. - ishtml booleano
Opcional. O texto renderizará como conteúdo HTML se o ishtml estiver definido como true.
O padrão é falso. - Digite string
Opcional. Defina o tipo da mensagem flash.
Valor permitido 'informações', 'erro', 'sucesso' e 'aviso'. O padrão é 'informações'. - ShowCloseButton Boolean
Opcional. A mensagem flash exibirá um botão de fechar se definido como true.
O padrão é falso. - função beforoShow
Opcional. A função será chamada antes que a mensagem flash seja exibida na interface do usuário. - função pós -show
Opcional. A função será chamada depois que a mensagem flash for exibida na interface do usuário. - Função antes do horário
Opcional. A função será chamada antes que a mensagem flash seja removida da interface do usuário. - função pós -agenda
Opcional. A função será chamada depois que a mensagem flash for removida da interface do usuário.
Retorna ID do elemento DOM da mensagem flash.
FlashMessage.hide (id, obj);
Argumento: string id
- String de identificação necessária. ID do elemento DOM da mensagem flash.
Argumento: object obj
- Função antes do horário
Opcional. A função será chamada antes que a mensagem flash seja removida da interface do usuário. - função pós -agenda
Opcional. A função será chamada depois que a mensagem flash for removida da interface do usuário.