How to set up a form popup-modal in Magento 2

November 23, 2015 - Fire development, Magento 2

Magento 2 Development

To set up a form popup-modal in Magento 2, use Magento_Ui/js/modal/modal widget as follows:

require([
   'jquery',
   'jquery/ui',
   'Magento_Ui/js/modal/modal'
], function($){
    $('<div />').html('Modal Window Content')
       .modal({
           title: 'My Title',
           autoOpen: true,
           closed: function () {
               // on close
           },
           buttons: [{
               text: 'Confirm',
               attr: {
                   'data-action': 'confirm'
               },
               'class': 'action-primary',
               click: clickCallback
           }]
        });
});