diff --git a/src/views/tree/TreeDemo.vue b/src/views/tree/TreeDemo.vue
index b6acbb0de..49d04a347 100644
--- a/src/views/tree/TreeDemo.vue
+++ b/src/views/tree/TreeDemo.vue
@@ -1,5 +1,7 @@
 <template>
     <div>
+        <TreeSubMenu />
+
         <div class="content-section introduction">
             <div class="feature-intro">
                 <h1>Tree</h1>
@@ -25,6 +27,7 @@
 <script>
 import NodeService from '../../service/NodeService';
 import TreeDoc from './TreeDoc';
+import TreeSubMenu from './TreeSubMenu';
 
 export default {
     data() {
@@ -61,7 +64,8 @@ export default {
         }
     },
     components: {
-        'TreeDoc': TreeDoc
+        'TreeDoc': TreeDoc,
+        'TreeSubMenu': TreeSubMenu
     }
 }
 </script>
diff --git a/src/views/tree/TreeSubMenu.vue b/src/views/tree/TreeSubMenu.vue
new file mode 100644
index 000000000..e7a182546
--- /dev/null
+++ b/src/views/tree/TreeSubMenu.vue
@@ -0,0 +1,11 @@
+<template>
+    <div class="content-section content-submenu p-clearfix">
+        <ul>
+            <li><router-link to="/tree">&#9679; Documentation</router-link></li>
+            <li><router-link to="/tree/selection">&#9679; Selection</router-link></li>
+            <li><router-link to="/tree/lazy">&#9679; Lazy</router-link></li>
+            <li><router-link to="/tree/templating">&#9679; Templating</router-link></li>
+            <li><router-link to="/tree/filter">&#9679; Filter</router-link></li>
+        </ul>
+    </div>    
+</template>