Modal

A dialog is a window overlaid on either the primary window or another dialog window. Content behind a modal dialog is inert, meaning that users cannot interact with it. In order to only use the Modal Component from Cascade UI in your project, copy and paste the below code in the head tag of your html document. 

                
    <link rel="stylesheet" href="https://cascadeui-robust.netlify.app/css/foundation.css" />
    <link rel="stylesheet" href="https://cascadeui-robust.netlify.app/Components/Modal/modal.css" />

Remove Product

Are you sure you want to remove this product from cart?

                
                    
                    <div class="modal">
                        <h3 class="modal-title">Remove Product
                            <button class="modal-icon"><i class="fas fa-times"></i></button>
                        </h3>
                        <div class="modal-content">
                            <p>Are you sure you want to remove this product from cart?</p>
                        </div>
                        <div class="modal-footer">
                            <button class="btn-primary">Remove</button>
                            <button class="btn-primary btn-outline">Close</button>
                        </div>
                    </div>