Modal

Modals are the pop-ups that involve taking user confirmation,give feedback or user choice selection. They draws over the main content of the application. Users need to interact for a smooth flow by providing confirmation or choice selection.

Simple modal

Click on the button below to see the modal in action.

                    
    <button class="btn btn-primary btn-modal-alert">Open modal dialog</button>

<div class="modal-container hide">
        <div class="modal children-stacked">
            <h2 class="modal-header">Modal header</h2>
            <div class="modal-body">
                Are you sure you want to delete?
            </div>
            <div class="modal-action d-flex">
                <button class="btn btn-primary submit-a1">Yes</button>
                <button class="btn btn-light submit-a2">No</button>
            </div>
        </div>
</div>