adding

demo.js

@@ -6,6 +6,9 @@ riot.register('tiny-consent', TinyConsent);
 riot.register('tiny-consent-button', TinyConsentButton);
 
 const data = {
+    text: {
+        content: undefined
+    },
     cookies: [{
         title: 'Matomo',
         name: 'matamo_',
@@ -29,20 +32,12 @@ const data = {
         duration: '1 Year',
         essential: true
     }, {
-        title: 'Wordpress',
-        id: 'wordpress',
-        name: 'wordpress_',
-        content: 'Wordpress is using Session Cookie to handle the Login',
+        title: 'Wordpress mit WooCommerce',
+        id: 'wordpress_woocommerce',
+        name: 'woocommerce_cart_hash, woocommerce_items_in_cart, wp_woocommerce_session_, tk_ai',
+        content: 'Handle Login of User and Cart of WooCommerce Shop',
         provider: 'Owner of this Site',
-        duration: '1 Year',
-        essential: true
-    },{
-        title: 'Wordpress - WooCommerce',
-        id: 'wordpress',
-        name: 'wordpress_',
-        content: 'WooCommerce is a Shop-Plugin for Wordpress. Cookies will be used for the Cart',
-        provider: 'Owner of this Site',
-        duration: '1 Year',
+        duration: 'Session',
         essential: true
     }]
 };

dist/css/demo.css

@@ -1 +1 @@
-.tiny-consent{position:fixed;left:0;bottom:0;overflow:hidden;background:#171717;width:100%;height:auto;display:none;color:#fff}.tiny-consent__inner{padding:2em}.tiny-consent__header{position:relative}.tiny-consent__close{position:absolute;top:0;right:0}.tiny-consent__cookies{margin:0;padding:0}.tiny-consent__cookie{display:none;position:relative;margin-bottom:1.5em}.tiny-consent__cookie-title{display:inline-block;margin-right:10px;font-weight:700}.tiny-consent__cookie-content{max-width:80%}.tiny-consent__cookie-content p{line-height:1.5}.tiny-consent__cookie-decision{position:absolute;right:0;bottom:0;text-align:right}.tiny-consent__cookie-decision .tiny-consent__button{margin-left:.8em}.tiny-consent__cookie-footer ul{list-style:none;padding:0;margin:-.8em 0 .8em}.tiny-consent__cookie-footer ul li{display:inline-block;margin-right:1em;font-size:80%}.tiny-consent__cookie-footer ul li span{display:inline-block;margin-right:.5em;font-weight:700}.tiny-consent .button{background:#000;border:2px solid #fff;padding:.5em 1.8em;color:#fff;font-size:.9rem}.tiny-consent .button--active{color:#000;background:#fff}.tiny-consent .button:hover{cursor:pointer;color:#000;background:#fff}.tiny-consent .button:disabled{cursor:not-allowed;background:#7d7d7d;color:#cecece;border-color:#cecece}.show{display:block!important}
+.tiny-consent{position:fixed;left:0;bottom:0;overflow:hidden;background:#171717;width:100%;height:auto;display:none;color:#fff}.tiny-consent__inner{margin:0 auto;max-width:1280px;padding:2em}.tiny-consent__header{position:relative}.tiny-consent__close{position:absolute;top:0;right:0}.tiny-consent__cookies{margin:0;padding:0}.tiny-consent__cookie{display:none;position:relative;margin-bottom:1.5em}.tiny-consent__cookie-title{display:inline-block;margin-right:10px;font-weight:700}.tiny-consent__cookie-content{max-width:80%}.tiny-consent__cookie-content p{line-height:1.5}.tiny-consent__cookie-decision{position:absolute;right:0;bottom:0;text-align:right}.tiny-consent__cookie-decision .tiny-consent__button{margin-left:.8em}.tiny-consent__cookie-footer ul{list-style:none;padding:0;margin:-.8em 0 .8em}.tiny-consent__cookie-footer ul li{display:inline-block;margin-right:1em;font-size:80%}.tiny-consent__cookie-footer ul li span{display:inline-block;margin-right:.5em;font-weight:700}.tiny-consent .button{background:#000;border:2px solid #fff;padding:.5em 1.8em;color:#fff;font-size:.9rem}.tiny-consent .button--active{color:#000;background:#fff}.tiny-consent .button:hover{cursor:pointer;color:#000;background:#fff}.tiny-consent .button:disabled{cursor:not-allowed;background:#7d7d7d;color:#cecece;border-color:#cecece}.show{display:block!important}

src/TinyConsent.riot

@@ -5,7 +5,7 @@
             <h3 class="tiny_consent__title">
                 { state.options.text.title }
             </h3>
-            <p>
+            <p if={ state.options.text.content } >
                 { state.options.text.content }
             </p>
             <div class="tiny-consent__close">