JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgithub.com/dimsemenov/Magnific-Popup/master/dist/jquery.magnific-popup.js"></script>
<link rel="stylesheet" href="https://rawgithub.com/dimsemenov/Magnific-Popup/master/dist/magnific-popup.css">
<button class="js-popup">Click me</button>

CSS

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

JavaScript

$('.js-popup').on('click', function () {
    $.magnificPopup.open({
        items: {
            src: '<div class="white-popup">Popup from HTML string</div>',
            type: 'inline'
        }
    });
});