Framework
/
urfatBro


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839
							<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
        <script src="src/bootstrapToastWrapper.js"></script>

    </head>
    <body>
        
        <button onclick="toast()">Toast</button>
        
        <div id="toasts" class="toast-container p-3 error" style="position: fixed; right: 0px; bottom: 0px; "> </div>
        
        <script>
            
            function toast(){
                $('#toasts').bootstrapToastWrapper({
                    'type': 'danger',
                    'title': 'Algo deu errado', 
                    'body' : 'Cpf não pode ser validado',
                    'timeout': 5000
                });
            }
            
        </script>
        
    </body>
</html>