Hi, I'm the default dialog.

⚠ Error!

This is an error message.

🕑 Please wait
ℹ Something happened!

Something happened that I need to tell you.

☑ Please Confirm

The web is awesome right?

➥ I'm animated!

I don't use any keyframes either, I'm all CSS transitions.

Close me by clicking the backdrop

Some Javascript is listening for clicks and closing this dialog if it notices the backdrop was clicked.

Note: Wanting light dismiss for a dialog tends to mean the UX you're after is a popover.

✏️ New User