slim-if demo

<!DOCTYPE html>
<html>

  <head>
    <script data-require="slim.js@2.8.1" data-semver="2.8.1" src="https://cdn.rawgit.com/eavichay/slim.js/v2.8.1/Slim.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <slim-if-demo></slim-if-demo>
  </body>

</html>

Slim.tag('slim-if-demo',

`
<button click="toggle">Click me</button>
<div slim-if="myBoolean">Now you see me!</div>
`,

class extends Slim {
  onBeforeCreated() {
    this.myBoolean = false;
  }
  
  toggle() {
    this.myBoolean = !this.myBoolean;
  }
});

/* Styles go here */