Modal

Modals are refer to any box that pops up and interrupts an action, user is attempting to complete.

Modal example

To use modal component add modal class to the parent div element and modal-footer class to the footer div element, check the below code example for better clarity.


<div class="modal">
  <div class="mb-1">
    <h2>Lorem ipsum</h2>
  </div>
  <div class="mb-1">
    <p>
      Lorem Ipsum is simply dummy text of the printing and
      typesetting industry. Lorem Ipsum has been the industry's
      standard dummy text ever since the 1500s, when an unknown
      printer.
    </p>
  </div>
  <div class="modal-footer d-flex mb-1">
    <button class="btn btn-secondary">Close</button>
    <button class="btn btn-secondary">Continue!</button>
  </div>
  <i class="fa-solid fa-xmark dismiss-card"></i>
</div>