pedronestorGet Started
1. Comece instalando a biblioteca:
2. Agora que ja instalamos, vamos importar e aplicar o Provider na raiz do projeto:
3. Agora ja dentro do componente pai da notificação,importe o CSS,Context,Container e a Notificação, e aplique no projeto como na imagem:
4. Entendendo oque é e porque usamos ContextAPI neste projeto!
Precisamos do contextAPI pois é ele quem controla quais notificações devem aparecer, é ele também o responsavel por inserir uma nova notificação,
quando chamamos o método "setNotifications".
Você pode saber mais sobre ContextAPI em: reactjs.org/docs/context.html .
5. Como chamar uma notificação:
Ao chamarmos o método setNotifications, estamos setando um estado react, entao para que possamos chamar multiplas notificações precisamos passar "...Context.Notifications" para que o react nao exclua alguma notificação que ainda esteja sendo exibida.
6. Parâmetros!
Ao chamarmos uma Notification podemos passar algum parâmetros, eles são:
- 'messege' => A mensagem da notificação.
- 'type' => Tipo de notificação, - 'error' // 'warn' // 'info' // 'success'.
- 'duration' => A duração da notificação na tela.
7. Pronto! agora você ja tem sua notificaçãoCS para usar em seus projetos! :)
