oda-framework/tools/containers/confirm/index.html

It's an ES Progressive Framework based on the technology of Web Components and designed especially for creating custom UI/UX of any complexity for web and cross-platform PWA mobile applications.

<meta charset="UTF-8">
<button id="btn1" slot="buttons">Show confirm</button>
<button id="btn2" slot="buttons">Show confirm</button>
<script type="module">
    import '../../../oda.js';
    import "../containers.js";
    btn1.onclick = async e => {
        const res = await ODA.showConfirm("1111")
    }
    btn2.onclick = async e => {
        const res = await ODA.showConfirm("1111", {hideOkButton:true, buttons: [
                {icon: 'icons:warning', label: 'Class', iconPos: 'top', tap:(e)=>{
                        console.log('1 кнопка')
                    }},{icon: 'icons:warning', label: 'Class', iconPos: 'top', tap:(e)=>{
                        console.log('2 кнопка')
                    }},
            ]})
    }
</script>