<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.