nguyentam19008 · April 29, 2020 00:01 · Apr 29, 2020
diff --git a/index.html b/index.html
@@ -0,0 +1,8 @@
+<div class="example">
+  <button id="b1">A basic message</button>
+  <button id="b2">A title with a text under</button>
+  <button id="b3">A success message!</button>
+  <button id="b4">A warning message, with a function attached to the "Confirm"-button...</button>
+  <button id="b5">... and by passing a parameter, you can execute something else for "Cancel".</button>
+  <button id="b6">A message with a custom icon</button>
+</div>
diff --git a/script.js b/script.js
@@ -0,0 +1,56 @@
+document.getElementById('b1').onclick = function(){
+	swal("Here's a message!");
+};
+
+document.getElementById('b2').onclick = function(){
+	swal("Here's a message!", "It's pretty, isn't it?")
+};
+
+document.getElementById('b3').onclick = function(){
+	swal("Good job!", "You clicked the button!", "success");
+};
+
+document.getElementById('b4').onclick = function(){
+	swal({
+		title: "Are you sure?",
+		text: "You will not be able to recover this imaginary file!",
+		type: "warning",
+		showCancelButton: true,
+		confirmButtonColor: '#DD6B55',
+		confirmButtonText: 'Yes, delete it!',
+		closeOnConfirm: false,
+		//closeOnCancel: false
+	},
+	function(){
+		swal("Deleted!", "Your imaginary file has been deleted!", "success");
+	});
+};
+
+document.getElementById('b5').onclick = function(){
+	swal({
+		title: "Are you sure?",
+		text: "You will not be able to recover this imaginary file!",
+		type: "warning",
+		showCancelButton: true,
+		confirmButtonColor: '#DD6B55',
+		confirmButtonText: 'Yes, delete it!',
+		cancelButtonText: "No, cancel plx!",
+		closeOnConfirm: false,
+		closeOnCancel: false
+	},
+	function(isConfirm){
+    if (isConfirm){
+      swal("Deleted!", "Your imaginary file has been deleted!", "success");
+    } else {
+      swal("Cancelled", "Your imaginary file is safe :)", "error");
+    }
+	});
+};
+
+document.getElementById('b6').onclick = function(){
+	swal({
+		title: "Sweet!",
+		text: "Here's a custom image.",
+		imageUrl: 'https://i.imgur.com/4NZ6uLY.jpg'
+	});
+};
diff --git a/scripts b/scripts
@@ -0,0 +1 @@
+<script src="https://cdn.rawgit.com/t4t5/sweetalert/v0.2.0/lib/sweet-alert.min.js"></script>
diff --git a/style.css b/style.css
@@ -0,0 +1,23 @@
+.example button {
+  float: left;
+  background-color: #4E3E55;
+  color: white;
+  border: none;
+  box-shadow: none;
+  font-size: 17px;
+  font-weight: 500;
+  font-weight: 600;
+  border-radius: 3px;
+  padding: 15px 35px;
+  margin: 26px 5px 0 5px;
+  cursor: pointer; 
+}
+.example button:focus{
+  outline: none; 
+}
+.example button:hover{
+  background-color: #33DE23; 
+}
+.example button:active{
+  background-color: #81ccee; 
+}
diff --git a/styles b/styles
@@ -0,0 +1 @@
+<link href="https://cdn.rawgit.com/t4t5/sweetalert/v0.2.0/lib/sweet-alert.css" rel="stylesheet" />
diff --git a/sweetalert-demo.markdown b/sweetalert-demo.markdown
@@ -0,0 +1,7 @@
+sweetalert demo
+---------------
+
+
+A [Pen](https://codepen.io/genievn/pen/idref) by [Thanh Nguyen](https://codepen.io/genievn) on [CodePen](https://codepen.io).
+
+[License](https://codepen.io/genievn/pen/idref/license).
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<script src="https://cdn.rawgit.com/t4t5/sweetalert/v0.2.0/lib/sweet-alert.min.js"></script>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<link href="https://cdn.rawgit.com/t4t5/sweetalert/v0.2.0/lib/sweet-alert.css" rel="stylesheet" />