Example 1: switch alert
swal({
title: "Good job!",
text: "You clicked the button!",
icon: "success",
button: "Aww yiss!"
});
Example 2: how to use sweetalert
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
Example 3: sweet alert js
swal({
title: "Deleted!",
text: "Your row has been deleted.",
button: "Close",
icon: "success",
timer: 3000,
buttons: {
confirm: {
text: "OK",
value: true,
visible: true,
className: "",
closeModal: true
},
cancel: {
text: "Cancel",
value: false,
visible: true,
className: "",
closeModal: true,
}
}
});
Example 4: jquery sweet popup
$.sweetModal.prompt('Can I haz cheezeburger?', 'Can I?', 'Nope', function(val) {
$.sweetModal('You typed: ' + val);
});
Example 5: sweetalert
swal({ title: "Are you sure?", text: "Once deleted, you will not be able to recover this imaginary file!", icon: "warning", buttons: true, dangerMode: true,}).then((willDelete) => { if (willDelete) { swal("Poof! Your imaginary file has been deleted!", { icon: "success", }); } else { swal("Your imaginary file is safe!"); }});
Example 6: jquery sweet popup
$.sweetModal({
title: {
tab1: {
label: 'Tab 1'
},
tab2: {
label: 'Tab 2'
}
},
content: {
tab1: 'Tab 1',
tab2: 'Tab 2'
},
buttons: {
someOtherAction: {
label: 'Action 2',
classes: 'secondaryB bordered flat',
action: function() {
return $.sweetModal('You clicked Action 2!');
}
},
someAction: {
label: 'Action 1',
classes: '',
action: function() {
return $.sweetModal('You clicked Action 1!');
}
},
}
});