summaryrefslogtreecommitdiffstats
path: root/bootstrap-v5-toaster/sample.html
diff options
context:
space:
mode:
authorivarlovlie <ivar.lovlie@gmail.com>2020-06-15 19:27:19 +0200
committerivarlovlie <ivar.lovlie@gmail.com>2020-06-15 19:27:19 +0200
commitbaa57ebf7f927d3d97eb4f538ed185d5d91fb731 (patch)
tree714519618698e9a074436e2f179e401566f9c3c6 /bootstrap-v5-toaster/sample.html
parent55483eee0f655ea9e5bdf88165ec1f2a107f39dc (diff)
downloadweb-components-baa57ebf7f927d3d97eb4f538ed185d5d91fb731.tar.xz
web-components-baa57ebf7f927d3d97eb4f538ed185d5d91fb731.zip
add toaster
Diffstat (limited to 'bootstrap-v5-toaster/sample.html')
-rw-r--r--bootstrap-v5-toaster/sample.html23
1 files changed, 23 insertions, 0 deletions
diff --git a/bootstrap-v5-toaster/sample.html b/bootstrap-v5-toaster/sample.html
new file mode 100644
index 0000000..a218fd3
--- /dev/null
+++ b/bootstrap-v5-toaster/sample.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="stylesheet" href="bootstrap.css">
+ <title>Bootstrap 5 Toaster</title>
+</head>
+
+<body>
+ <script src="bootstrap.js"></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> \ No newline at end of file