diff --git a/packages/knowledge-base-web-page-element-view/src/demo.js b/packages/knowledge-base-web-page-element-view/src/demo.js
index 766f0832f36d168a98f574794fb3803404c18d08..9da412f7ff5de8dcb57157f41e8a4a6ae38adcdc 100644
--- a/packages/knowledge-base-web-page-element-view/src/demo.js
+++ b/packages/knowledge-base-web-page-element-view/src/demo.js
@@ -9,11 +9,13 @@ class KnowledgeBaseWebPageElementViewDemo extends LitElement {
     constructor() {
         super();
         this.lang = 'de';
+        this.noAuth = false;
     }
 
     static get properties() {
         return {
             lang: { type: String },
+            noAuth: { type: Boolean, attribute: 'no-auth' },
         };
     }
 
@@ -27,6 +29,14 @@ class KnowledgeBaseWebPageElementViewDemo extends LitElement {
         super.update(changedProperties);
     }
 
+    getAuthComponentHtml() {
+        return this.noAuth ? html`` : html`
+            <div class="content">
+                <vpu-auth lang="${this.lang}" client-id="${commonUtils.setting('keyCloakClientId')}" load-person remember-login></vpu-auth>
+            </div>
+        `;
+    }
+
     render() {
         commonUtils.initAssetBaseURL('vpu-knowledge-base-web-page-element-view-src');
         const bulmaCSS = commonUtils.getAssetURL(bulmaCSSPath);
@@ -48,9 +58,7 @@ class KnowledgeBaseWebPageElementViewDemo extends LitElement {
                 <div class="content">
                     <h1 class="title">KnowledgeBaseWebPageElementView-Demo</h1>
                 </div>
-                <div class="content">
-                    <vpu-auth lang="${this.lang}" client-id="${commonUtils.setting('keyCloakClientId')}" load-person remember-login></vpu-auth>
-                </div>
+                ${this.getAuthComponentHtml()}
                 <div class="content">
                     <h2 class="subtitle">Deutsch</h2>
                     <p>Ein erster Schritt</p>