you can use sweetalert.
import into your HTML:
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>
and to fire the alert:
Swal.fire({
title: 'Do you want to do this?',
text: "You won't be able to revert this!",
type: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Yes, Do this!',
cancelButtonText: 'No'
}).then((result) => {
if (result.value) {
Swal.fire(
'Done!',
'This has been done.',
'success'
)
}
})
for more data visit sweetalert alert website