How to use the terra-notification-dialog.NotificationDialogVariants.ALERT function in terra-notification-dialog
To help you get started, we’ve selected a few terra-notification-dialog examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
cerner / terra-framework / packages / terra-notification-dialog / src / terra-dev-site / doc / example / NotificationDialogWithFocus.jsx View on Github 
const handleCloseModal = () => {
setIsOpen(false);
};
const handlePopupButtonClick = () => {
setIsPopupOpen(true);
};
const handlePopupRequestClose = () => {
setIsPopupOpen(false);
};
return (
<>
<button>
</button><button></button>const CompleteNotificationDialog = () => {
const [isOpen, setIsOpen] = useState(false);
const handleOpenModal = () => {
setIsOpen(true);
};
const handleCloseModal = () => {
setIsOpen(false);
};
return (
<>
<button>
</button>render() {
return (
<div>
<button id="trigger-notification-dialog"></button></div>terra-notification-dialog
`terra-notification-dialog` is a notification dialog component built over the `terra-abstract-modal`. It has the highest z-index of 9001. It is a common component to be used for confirmation/acceptance criteria style dialogs.
