JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://alertifyjs.com/build/css/alertify.css">
<link rel="stylesheet" href="http://alertifyjs.com/build/css/themes/default.css">
<script src="http://alertifyjs.com/build/alertify.js"></script>
When the user clicks on "Help" in the dialog, the notification should be displayed and the dialog should not close.
JavaScript
// Run this function when the auxiliary button is clicked
// And do not close the dialog
var helpInfo = function () {
alertify.notify("help help help");
};
var custom = function () {
if (!alertify.helper) {
alertify.dialog('helper', function factory() {
return {
setup: function () {
return {
buttons: [{
text: 'Help',
scope: 'auxiliary'
}],
options: {
modal: false
}
};
}
};
}, false, 'alert');
}
alertify.helper('Do you need help?', "hello world", helpInfo);
};
custom();