Modal

Modals are the pop-ups that come up in application to provide feedback to the user or intimate the user of his / her actions. The user needs to interact with the pop-up to proceed further in the app flow as modal draws over the main content of the application.


<div class="modal-container">
  <div class="modal">
    <div class="modal-heading">Save</div>
    <div class="modal-text">
      Are you sure that you want to save changes?
    </div>
    <div class="modal-links justify-end">
      <button class="btn btn-secondary">Cancel</button>
      <button class="btn btn-primary">Save Changes</button>
    </div>
    <div class="modal-close-btn">
      <i class="fas fa-times"></i>
    </div>
  </div>
</div>