diff --git a/src/styles.css b/src/styles.css
index 244d2d93..7d2cd78c 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -12,7 +12,7 @@
   box-shadow: 0 0 5px #bdbdbd;
   background-color: #eee;
   color: #212121;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   z-index: 999;
 }
 
@@ -72,7 +72,7 @@ tree-internal .over-drop-target {
 
 tree-internal .tree {
   box-sizing: border-box;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 
 tree-internal .tree li {
@@ -171,6 +171,10 @@ tree-internal ul.rootless {
   padding: 0;
 }
 
+tree-internal ul.hidden {
+  display: none;
+}
+
 tree-internal div.rootless {
   display: none !important;
 }
@@ -187,16 +191,31 @@ tree-internal .loading-children:after {
 }
 
 @keyframes loading-children {
-  0%    { color: #f3e5f5; }
-  12.5% { color: #e1bee7; }
-  25%   { color: #ce93d8; }
-  37.5% { color: #ba68c8; }
-  50%   { color: #ab47bc; }
-  62.5% { color: #9c27b0; }
-  75%   { color: #8e24aa; }
-  87.5% { color: #7b1fa2; }
-  100%  { color: #6a1b9a; }
+  0% {
+    color: #f3e5f5;
+  }
+  12.5% {
+    color: #e1bee7;
+  }
+  25% {
+    color: #ce93d8;
+  }
+  37.5% {
+    color: #ba68c8;
+  }
+  50% {
+    color: #ab47bc;
+  }
+  62.5% {
+    color: #9c27b0;
+  }
+  75% {
+    color: #8e24aa;
+  }
+  87.5% {
+    color: #7b1fa2;
+  }
+  100% {
+    color: #6a1b9a;
+  }
 }
-
-
-
diff --git a/src/tree-internal.component.ts b/src/tree-internal.component.ts
index 1da00de3..7456f8ad 100644
--- a/src/tree-internal.component.ts
+++ b/src/tree-internal.component.ts
@@ -28,7 +28,7 @@ import { get, isNil } from './utils/fn.utils';
 @Component({
   selector: 'tree-internal',
   template: `
-  <ul class="tree" *ngIf="tree" [ngClass]="{rootless: isRootHidden()}">
+  <ul class="tree" *ngIf="tree" [ngClass]="{rootless: isRootHidden(), hidden: tree.hidden}">
     <li>
       <div class="value-container"
         [ngClass]="{rootless: isRootHidden()}"
diff --git a/src/tree.types.ts b/src/tree.types.ts
index af435ad9..523e5abd 100644
--- a/src/tree.types.ts
+++ b/src/tree.types.ts
@@ -110,7 +110,8 @@ export class TreeModelSettings {
       isCollapsedOnInit: false,
       checked: false,
       keepNodesInDOM: false,
-      selectionAllowed: true
+      selectionAllowed: true,
+      hidden: false
     });
   }
 }