Confirm
Border can have easily changed color, side, alpha opacity, radius or width by adding its corresponding classes. The color palette is taken from material design colors.
Demo
How to use
Trigger on button click
const confirmButton = document.getElementById("confirm-button");
confirmButton.addEventListener("click", (event) => {
BMDConfirm({
confirm: function(){alert("confirmed")}
});
})
Trigger on link click
const confirmLink = document.getElementById("confirm-link");
confirmLink.addEventListener("click", (event) => {
BMDConfirm();
})
Options
List of available options:
title
- a title for dialog boxcontent
- a text of dialog boxconfirmText
- a text for confirm buttoncancelText
- a text for cancel buttonconfirm
- callback function to run when confirmeddialogClasses
- array of classes for dialog boxconfirmClasses
- array of classes for confirm buttoncancelClasses
- array of classes for cancel button