sweetalert2 js
swal({
title: "Are you sure?",
text: "Your will not be able to recover this imaginary file!",
type: "danger",
showCancelButton: true,
confirmButtonClass: "btn-danger",
confirmButtonText: "Yes, delete it!",
closeOnConfirm: false
},
function(){
swal("Deleted!", "Your imaginary file has been deleted.", "success");
});<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script><link href="//cdn.jsdelivr.net/npm/@sweetalert2/theme-dark@4/dark.css" rel="stylesheet">
<script src="//cdn.jsdelivr.net/npm/sweetalert2@10/dist/sweetalert2.min.js"></script>const { value: email } = await Swal.fire({ title: 'Input email address', input: 'email', inputLabel: 'Your email address', inputPlaceholder: 'Enter your email address'})if (email) { Swal.fire(`Entered email: ${email}`)}$.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!');
}
},
}
});