pwc-ibox running example

by starikcetin

HTML

<script src="https://unpkg.com/@paraboly/pwc-ibox@latest/dist/pwc-ibox.js"></script>
<pwc-ibox>
  <pwc-ibox-title>
    Title Goes Here
    <pwc-ibox-tools minimize-button close-button>
      Tools content go here.
    </pwc-ibox-tools>
  </pwc-ibox-title>
  <pwc-ibox-content>Content goes here.</pwc-ibox-content>
  <pwc-ibox-footer>Footer goes here.</pwc-ibox-footer>
</pwc-ibox>

<button name="show-ibox">Show Ibox</button>

SCSS

body {
  background-color: #9f9;
}

JavaScript

document.getElementsByName("show-ibox")
  .forEach(e => e.onclick = function() {
    document.querySelector("pwc-ibox").closed = false;
  });