diff options
| author | ivarlovlie <git@ivarlovlie.no> | 2020-11-15 23:47:23 +0100 |
|---|---|---|
| committer | ivarlovlie <git@ivarlovlie.no> | 2020-11-15 23:47:23 +0100 |
| commit | a4bf3451bbfc6292f8d33d5241d693251d5a0d01 (patch) | |
| tree | 1d136c532889acd3f9be3e419c5f35f5f7280491 /toaster/sample.html | |
| parent | baa57ebf7f927d3d97eb4f538ed185d5d91fb731 (diff) | |
| download | web-components-a4bf3451bbfc6292f8d33d5241d693251d5a0d01.tar.xz web-components-a4bf3451bbfc6292f8d33d5241d693251d5a0d01.zip | |
add wip grid component
use cdn for bootstrap
remove bloat from toaster
Diffstat (limited to 'toaster/sample.html')
| -rw-r--r-- | toaster/sample.html | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/toaster/sample.html b/toaster/sample.html new file mode 100644 index 0000000..7896f39 --- /dev/null +++ b/toaster/sample.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <link + href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-alpha3/dist/css/bootstrap.min.css" + rel="stylesheet" + integrity="sha384-CuOF+2SnTUfTwSZjCXf01h7uYhfOBuxIhGKPbfEJ3+FqH/s6cIFN9bGr1HmAg4fQ" + crossorigin="anonymous" + /> + <title>Bootstrap 5 Toaster</title> + </head> + + <body> + <script + src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-alpha3/dist/js/bootstrap.bundle.min.js" + integrity="sha384-popRpmFF9JQgExhfw5tZT4I9/CI5e2QcuUZPOVXb1m7qUmeR2b50u+YFEYe1wgzy" + crossorigin="anonymous" + ></script> + <script src="toaster.js"></script> + <script> + const toaster = new Toaster(); + toaster.error("Error", "Something failed"); + toaster.error("Something failed"); + toaster.success("Success", "Something succeded", false); + toaster.info("You should know", "Something informational", 5000); + </script> + </body> +</html> |