diff --git a/demo/BooleanPropTest.mjs b/demo/BooleanPropTest.mjs
index 6898cbb..aa91e7b 100644
--- a/demo/BooleanPropTest.mjs
+++ b/demo/BooleanPropTest.mjs
@@ -2,15 +2,16 @@ import WebComponent from "../src/WebComponent.js";
 
 export class BooleanPropTest extends WebComponent {
   isInline = false;
+  anotherone = false;
 
-  static properties = ["is-inline"];
+  static properties = ["is-inline", "anotherone"];
 
   onChanges(changes) {
     console.log(">>> boolean prop test", changes);
   }
 
   get template() {
-    return `<span>${this.isInline}</span>`;
+    return `<p>is-inline: ${this.isInline}</p><p>another-one: ${this.anotherone}</p>`;
   }
 }
 
diff --git a/demo/index.html b/demo/index.html
index 3f61b0a..4a62c82 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -11,10 +11,10 @@
   <body>
     <hello-world id="hey" data-name="Ayo" emotion="sad"></hello-world>
     <p>
-      <simple-text greeting="hey"></simple-text>
+      <simple-text></simple-text>
     </p>
     <p>
-      <boolean-prop-test></boolean-prop-test>
+      <boolean-prop-test is-inline anotherOne></boolean-prop-test>
     </p>
 
     <script type="module">
