examples/modal/modal-full.html from jibeinc/juice

examples/modal/modal-full.html

Summary

Maintainability

Test Coverage

Issues
Source
Stats

Issues

<!DOCTYPE html>
<html>
<head>
  <title>Full Page Modal Example</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>
  <script src='../../dist/ui.js'></script>
</head>
<body>

<div class="button-container"></div>

<script>
  var modal = new UI.Modal('body', 'This is a test modal',
      {
        fullscreenModal: true,
        hideOnOverlayClick: true,
        showOverlay: true
      });

  modal.render();

  var btn = new UI.Button('.button-container', {
    label: 'Show modal',
    submit: false
  });

  btn.subscribe(function () {
    modal.show();
  });

  btn.render();

</script>

</body>
</html>