JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/sweetalert2/latest/sweetalert2.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/sweetalert2/latest/sweetalert2.min.css">
JavaScript
swal({
html:
'<a href="http://example1.com" id="link1" target="_blank">link 1</a><br>' +
'<a href="http://example2.com" id="link2" target="_blank">link 2</a>',
confirmButtonText: 'Continue >',
allowOutsideClick: false,
allowEscapeKey: false
});
// disable "Continue >" button on load
swal.disableButtons();
// handle clicks and enable "Continue >" button when all links are clicked
var clickedLinks = []
$('body').on('click', '.swal2-modal a', function(e) {
var link = e.target;
if (clickedLinks.indexOf(link) === -1) {
clickedLinks.push(link);
}
// when all links are clicked enable "Continue >" button
if (clickedLinks.length === $('.swal2-modal a').size()) {
swal.enableButtons();
}
})