example: first version if-statement

example/app.js

@@ -68,3 +68,25 @@ one({
     })
   }
 })
+
+one({
+  name: 'test',
+  setup ({ query }) {
+    const conditional1 = query('p')
+    const conditional2 = query('div')
+    const btn = query('button')
+    const btn2 = query('button#show')
+
+    const cond1 = conditional1.if()
+    const cond2 = conditional2.if()
+
+    btn.on('click', () => {
+      cond1.hide()
+      cond2.hide()
+    })
+    btn2.on('click', () => {
+      cond1.show()
+      cond2.show()
+    })
+  }
+})

example/index.html

@@ -36,6 +36,12 @@
     <a href="./robots.txt" aria-label="robots.txt"></a>
     <my-component msg="Hi, from a prop!"></my-component>
     <my-component variant="sec"></my-component>
+    <test>
+      <p>Hejsa</p>
+      <div>Hejsa 2</div>
+      <button>Click to hide</button>
+      <button id="show">Click to show</button>
+    </test>
     <script type="module" src="app.js"></script>
   </body>
 </html>