diff --git a/demo/assets/dbp-toolkit-demo.topic.metadata.json.ejs b/demo/assets/dbp-toolkit-demo.topic.metadata.json.ejs
index 40ff1bb109e0d97677199a9721c43116d41d81a0..e4508a4766bc49640f3472f4ae7c3346cba7dd37 100644
--- a/demo/assets/dbp-toolkit-demo.topic.metadata.json.ejs
+++ b/demo/assets/dbp-toolkit-demo.topic.metadata.json.ejs
@@ -15,6 +15,7 @@
   "activities": [
     {"path": "person-select.metadata.json"},
     {"path": "knowledge-base-web-page-element-view.metadata.json"},
+    {"path": "file-handling.metadata.json"},
     {"path": "common.metadata.json"}
   ],
   "attributes": []
diff --git a/demo/assets/file-handling.metadata.json b/demo/assets/file-handling.metadata.json
new file mode 100644
index 0000000000000000000000000000000000000000..815c168f8e0ebc9b55bf7d8270f9b875ee509f2c
--- /dev/null
+++ b/demo/assets/file-handling.metadata.json
@@ -0,0 +1,17 @@
+{
+  "element": "dbp-file-handling-demo",
+  "module_src": "dbp-file-handling-demo.js",
+  "routing_name": "file-handling",
+  "name": {
+    "de": "File Handling",
+    "en": "File Handling"
+  },
+  "short_name": {
+    "de": "File Handling",
+    "en": "File Handling"
+  },
+  "description": {
+    "de": "Filepicker für File Upload und Download",
+    "en": "Filepicker for upload and download files"
+  }
+}
diff --git a/demo/src/dbp-file-handling-demo.js b/demo/src/dbp-file-handling-demo.js
new file mode 100644
index 0000000000000000000000000000000000000000..b89528a7ce866bea78957e5533c0627d49cd262f
--- /dev/null
+++ b/demo/src/dbp-file-handling-demo.js
@@ -0,0 +1,47 @@
+import {css, html, LitElement} from 'lit-element';
+import {ScopedElementsMixin} from '@open-wc/scoped-elements';
+import * as commonUtils from 'dbp-common/utils';
+import * as commonStyles from 'dbp-common/styles';
+import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
+import readme from 'dbp-file-handling/README.md';
+import highlightCSSPath from 'highlight.js/styles/default.css';
+
+class DbpFileHandlingDemoActivity extends ScopedElementsMixin(LitElement) {
+    static get scopedElements() {
+        return {
+        };
+    }
+
+    static get properties() {
+        return {
+        };
+    }
+
+    connectedCallback() {
+        super.connectedCallback();
+
+        this.updateComplete.then(()=>{
+        });
+    }
+
+    static get styles() {
+        // language=css
+        return [
+            commonStyles.getThemeCSS(),
+            commonStyles.getGeneralCSS(),
+            css`
+            h1.title {margin-bottom: 1em;}
+            div.container {margin-bottom: 1.5em;}
+            `
+        ];
+    }
+
+    render() {
+        return html`
+            xxx
+            yyy
+        `;
+    }
+}
+
+commonUtils.defineCustomElement('dbp-file-handling-demo', DbpFileHandlingDemoActivity);