@ribajs/bs4/src/components/bs4-modal-item/bs4-modal-item.component.html

Bootstrap 4 module for Riba.js

<div class="modal fade" tabindex="-1" role="dialog" rv-add-class="modal.contextualClass | prepend 'modal-'">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header" rv-show="modal.title">
        <h5 class="modal-title" rv-template="modal.title"></h5>
        <button type="button" class="close" aria-label="Close" rv-on-click="dismiss">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p rv-template="modal.message"></p>
      </div>
      <div class="modal-footer" rv-show="modal.buttons | size | gt 0">
        <div rv-each-button="modal.buttons">
          <button type="button" class="btn" rv-add-class="button.class" rv-on-click="button.action" rv-template="modal.label"></button>
        </div>
      </div>
    </div>
  </div>
</div>