@collab-ui/core/scss/components/modal/examples/default.html

Cisco Collab UI CSS Framework

<div class="cui-modal__backdrop fade in">
  <div
    role="dialog"
    id="react-aria-modal-dialog"
    class="cui-modal cui-modal--default in"
    aria-labelledby="modal1"
  >
    <div class="cui-modal__content">
      <div class="cui-modal__flex-container">
        <div class="cui-modal__header">
          <span class="cui-modal__title">Default Modal</span>
          <button class="cui-close cui-modal__close"></button>
        </div>
        <div class="cui-modal__body"><form></form></div>
        <div class="cui-modal__footer">
          <button
            class="cui-button cui-button--36 cui-button--default"
            alt="Close Modal"
            type="button"
            aria-label="Close Modal"
          >
            <span class="cui-button__children">
              Cancel
            </span>
          </button>
          <button
            class="cui-button cui-button--36 cui-button--blue"
            alt="Submit Form"
            type="submit"
            aria-label="Submit Form"
          >
            <span class="cui-button__children">OK</span>
          </button>
        </div>
      </div>
    </div>
  </div>
</div>