<eh-confirm-modal> Demo

Customized Confirm Modal

Anything you add inside the <eh-confirm-modal> start and end tags ends up in the "content" area of the modal.

Yup, Configurable This Too

Styled Confirm Modal

This <eh-confirm-modal> has been styled by setting CSS custom properties for the element:

              #confirm-modal_styled {
                --mask-background-color: 200 0 0;
                --box-top: 50px;
                --cancel-background-color: 200 0 0;
              #confirm-modal_styled pre {
                font-family: monospace;
                text-align: left;

You can use regular CSS selectors to target slotted (child) elements.