<div class="modal-container"> <button id="alert-modal-btn" class="btn primary-btn"> LOG OUT </button> <dialog id="alert-modal" class="modal"> <div class="modal-wrapper"> <h2 class="modal-header">LOGOUT</h2> <span class="modal-text">Are you sure you want to log out?</span> <form method="dialog" class="modal-actions"> <button class="btn secondary-btn modal-action"> NO </button> <button class="btn primary-btn modal-action">YES</button> </form> </div> </dialog> </div>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter