MODAL

Use the modal component to show interactive dialogs and notifications to your website users in multiple sizes, colors, and styles. Click on the button below.

Pop-Up Modal

You can use this modal example to show a pop-up decision dialog to your users especially when deleting an item and making sure if the user really wants to do that by double confirming. Use the code example below to use or customize according to your preference.

Code Example

<div class="pop-up-modal">
                        <span class="modal-icon"><i class="fa fa-exclamation"></i></span>
                        <span class="modal-dismiss"><i class="fa fa-times"></i></span>
                        <p class="modal-info">Are you sure you want to delete this product?</p>
                        <div class="modal-btns">
                            <button class="modal-btns proceed">Yes, I'm sure</button>
                            <button class="modal-btns cancel">No, cancel</button>
                        </div>
                    </div>

Here is a link to a JS file:
https://github.com/pariyar07/WALDO/