diff --git a/src/DevelopmentSection.vue b/src/DevelopmentSection.vue
new file mode 100644
index 000000000..69af58c8b
--- /dev/null
+++ b/src/DevelopmentSection.vue
@@ -0,0 +1,19 @@
+<template>
+    <div>
+        <slot v-if="isProduction" />
+        <p v-else>This section is under development. After the necessary tests and improvements are made, it will be shared with the users as soon as possible.</p>
+    </div>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {
+                isProduction: null
+            }
+        },
+        mounted() {
+            this.isProduction = process.env.NODE_ENV === 'development';
+        }
+    }
+</script>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index fbfcb753a..c9fc17dd4 100644
--- a/src/main.js
+++ b/src/main.js
@@ -106,6 +106,7 @@ import AppInputStyleSwitch from './AppInputStyleSwitch';
 import AppDemoActions from './AppDemoActions';
 import AppDocumentation from './AppDocumentation';
 import CodeHighlight from './AppCodeHighlight';
+import DevelopmentSection from './DevelopmentSection';
 
 import EventBus from '@/AppEventBus';
 
@@ -233,6 +234,7 @@ app.component('VirtualScroller', VirtualScroller);
 app.component('AppDemoActions', AppDemoActions);
 app.component('AppInputStyleSwitch', AppInputStyleSwitch);
 app.component('AppDoc', AppDocumentation);
+app.component('DevelopmentSection', DevelopmentSection);
 app.directive('code', CodeHighlight);
 
 app.mount('#app');