diff --git a/ej2-react/code-snippet/kanban/additional-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/additional-cs1/app/index.tsx
index fae720fb5e..e4295f4142 100644
--- a/ej2-react/code-snippet/kanban/additional-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/additional-cs1/app/index.tsx
@@ -23,4 +23,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/additional-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/additional-cs2/app/index.tsx
index 21e9fad176..7fffc36917 100644
--- a/ej2-react/code-snippet/kanban/additional-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/additional-cs2/app/index.tsx
@@ -23,4 +23,4 @@ function App(){
       </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/ajax-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/ajax-cs1/app/index.tsx
index 34692b2232..e86e24810c 100644
--- a/ej2-react/code-snippet/kanban/ajax-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/ajax-cs1/app/index.tsx
@@ -25,4 +25,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
     }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/ajax-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/ajax-cs2/app/index.tsx
index 5ad360608f..c0e9a8c033 100644
--- a/ej2-react/code-snippet/kanban/ajax-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/ajax-cs2/app/index.tsx
@@ -26,4 +26,4 @@ function App(){
      </KanbanComponent>
    );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/auto-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/auto-cs1/app/index.tsx
index fa6056152f..a3827eed41 100644
--- a/ej2-react/code-snippet/kanban/auto-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/auto-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/auto-cs10/app/index.tsx b/ej2-react/code-snippet/kanban/auto-cs10/app/index.tsx
index bb3bb350ee..8ce033eb70 100644
--- a/ej2-react/code-snippet/kanban/auto-cs10/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/auto-cs10/app/index.tsx
@@ -46,4 +46,4 @@ import { kanbanData } from './datasource';
     </div>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/auto-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/auto-cs2/app/index.tsx
index 176de3152f..fe2d53225b 100644
--- a/ej2-react/code-snippet/kanban/auto-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/auto-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/auto-cs3/app/index.tsx b/ej2-react/code-snippet/kanban/auto-cs3/app/index.tsx
index 640de1f28a..d119a595e3 100644
--- a/ej2-react/code-snippet/kanban/auto-cs3/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/auto-cs3/app/index.tsx
@@ -35,4 +35,4 @@ class App extends React.Component<{}, {}>{
             </div>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/auto-cs4/app/index.tsx b/ej2-react/code-snippet/kanban/auto-cs4/app/index.tsx
index 23a65531c4..320442dcee 100644
--- a/ej2-react/code-snippet/kanban/auto-cs4/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/auto-cs4/app/index.tsx
@@ -32,4 +32,4 @@ function App(){
       </div>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/auto-cs5/app/index.tsx b/ej2-react/code-snippet/kanban/auto-cs5/app/index.tsx
index d88a7ac676..48f2b134e3 100644
--- a/ej2-react/code-snippet/kanban/auto-cs5/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/auto-cs5/app/index.tsx
@@ -38,4 +38,4 @@ class App extends React.Component<{}, {}>{
         </div>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/auto-cs6/app/index.tsx b/ej2-react/code-snippet/kanban/auto-cs6/app/index.tsx
index 71929610be..18696a07ba 100644
--- a/ej2-react/code-snippet/kanban/auto-cs6/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/auto-cs6/app/index.tsx
@@ -35,4 +35,4 @@ function App(){
         </div>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/auto-cs7/app/index.tsx b/ej2-react/code-snippet/kanban/auto-cs7/app/index.tsx
index fa7cc65dde..eeb5d43b66 100644
--- a/ej2-react/code-snippet/kanban/auto-cs7/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/auto-cs7/app/index.tsx
@@ -34,4 +34,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/auto-cs8/app/index.tsx b/ej2-react/code-snippet/kanban/auto-cs8/app/index.tsx
index e2c4a665a4..aa389dd547 100644
--- a/ej2-react/code-snippet/kanban/auto-cs8/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/auto-cs8/app/index.tsx
@@ -31,4 +31,4 @@ function App(){
       </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/auto-cs9/app/index.tsx b/ej2-react/code-snippet/kanban/auto-cs9/app/index.tsx
index 1cbab55216..4d434b7a93 100644
--- a/ej2-react/code-snippet/kanban/auto-cs9/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/auto-cs9/app/index.tsx
@@ -48,4 +48,4 @@ class App extends React.Component<{}, {}>{
         </div>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/card-header-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/card-header-cs1/app/index.tsx
index 7be70d7d22..3f2dd8312e 100644
--- a/ej2-react/code-snippet/kanban/card-header-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/card-header-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/card-header-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/card-header-cs2/app/index.tsx
index f8c1790430..7c27235ea6 100644
--- a/ej2-react/code-snippet/kanban/card-header-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/card-header-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/card-template-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/card-template-cs1/app/index.tsx
index 07f7177652..342e665d8e 100644
--- a/ej2-react/code-snippet/kanban/card-template-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/card-template-cs1/app/index.tsx
@@ -46,4 +46,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/card-template-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/card-template-cs2/app/index.tsx
index 70354ac3e1..11df64f3fc 100644
--- a/ej2-react/code-snippet/kanban/card-template-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/card-template-cs2/app/index.tsx
@@ -44,4 +44,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/column-drag-and-drop-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/column-drag-and-drop-cs1/app/index.tsx
index c298ab9fc7..910ffe9837 100644
--- a/ej2-react/code-snippet/kanban/column-drag-and-drop-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/column-drag-and-drop-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/column-drag-and-drop-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/column-drag-and-drop-cs2/app/index.tsx
index 2e8e830f43..0b59f6ebc2 100644
--- a/ej2-react/code-snippet/kanban/column-drag-and-drop-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/column-drag-and-drop-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
         </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/column-validation-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/column-validation-cs1/app/index.tsx
index f0f7b4df1f..bcc81ccde6 100644
--- a/ej2-react/code-snippet/kanban/column-validation-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/column-validation-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/column-validation-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/column-validation-cs2/app/index.tsx
index b64ecfc4ca..bd3e06a5b2 100644
--- a/ej2-react/code-snippet/kanban/column-validation-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/column-validation-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
       </KanbanComponent>
     );
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/custom-dialog-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/custom-dialog-cs1/app/index.tsx
index bb648ef7b0..e0538203dc 100644
--- a/ej2-react/code-snippet/kanban/custom-dialog-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/custom-dialog-cs1/app/index.tsx
@@ -26,4 +26,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/custom-dialog-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/custom-dialog-cs2/app/index.tsx
index 99cd5220f8..532ab895c7 100644
--- a/ej2-react/code-snippet/kanban/custom-dialog-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/custom-dialog-cs2/app/index.tsx
@@ -23,4 +23,4 @@ function App(){
         </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/custom-mapping-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/custom-mapping-cs1/app/index.tsx
index 34b1decc3f..75a30264e5 100644
--- a/ej2-react/code-snippet/kanban/custom-mapping-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/custom-mapping-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/custom-mapping-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/custom-mapping-cs2/app/index.tsx
index e1d37142be..626722d888 100644
--- a/ej2-react/code-snippet/kanban/custom-mapping-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/custom-mapping-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/data-source-order-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/data-source-order-cs1/app/index.tsx
index 5f625476ba..8c3a0b4dfe 100644
--- a/ej2-react/code-snippet/kanban/data-source-order-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/data-source-order-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/data-source-order-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/data-source-order-cs2/app/index.tsx
index 2b81f6143c..3e7a0a3300 100644
--- a/ej2-react/code-snippet/kanban/data-source-order-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/data-source-order-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
       </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/dialog-template-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/dialog-template-cs1/app/index.tsx
index 66a0b26491..174deeb59c 100644
--- a/ej2-react/code-snippet/kanban/dialog-template-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/dialog-template-cs1/app/index.tsx
@@ -101,5 +101,3 @@ export interface KanbanDataModel {
     RankId?: number;
     Color?: string;
 }
-
-
diff --git a/ej2-react/code-snippet/kanban/dialog-template-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/dialog-template-cs2/app/index.tsx
index 48b0f12e9e..c2ef6bb425 100644
--- a/ej2-react/code-snippet/kanban/dialog-template-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/dialog-template-cs2/app/index.tsx
@@ -96,4 +96,4 @@ export interface KanbanDataModel {
   RankId?: number;
   Color?: string;
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/drag-and-drop-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/drag-and-drop-cs1/app/index.tsx
index 85caa6d4d0..74156b4c2b 100644
--- a/ej2-react/code-snippet/kanban/drag-and-drop-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/drag-and-drop-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/drag-and-drop-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/drag-and-drop-cs2/app/index.tsx
index 266fb1d333..c4106ccb2a 100644
--- a/ej2-react/code-snippet/kanban/drag-and-drop-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/drag-and-drop-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/error-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/error-cs1/app/index.tsx
index cdf124a797..3fbc2b5902 100644
--- a/ej2-react/code-snippet/kanban/error-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/error-cs1/app/index.tsx
@@ -28,4 +28,4 @@ class App extends React.Component<{}, {}>{
         }
     }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/expanded-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/expanded-cs1/app/index.tsx
index aa9b3fc3ef..1de18e976b 100644
--- a/ej2-react/code-snippet/kanban/expanded-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/expanded-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/expanded-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/expanded-cs2/app/index.tsx
index 3a46980db2..fb7a3de2e9 100644
--- a/ej2-react/code-snippet/kanban/expanded-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/expanded-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
   </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/fields-validation-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/fields-validation-cs1/app/index.tsx
index 78b2284e69..e2678b1830 100644
--- a/ej2-react/code-snippet/kanban/fields-validation-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/fields-validation-cs1/app/index.tsx
@@ -26,4 +26,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/fields-validation-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/fields-validation-cs2/app/index.tsx
index 3daf727d20..b78cea796b 100644
--- a/ej2-react/code-snippet/kanban/fields-validation-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/fields-validation-cs2/app/index.tsx
@@ -23,4 +23,4 @@ function App(){
         </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/getting-started-key-field-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/getting-started-key-field-cs1/app/index.tsx
index 2f9fb8b982..a369415c82 100644
--- a/ej2-react/code-snippet/kanban/getting-started-key-field-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/getting-started-key-field-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/getting-started-key-field-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/getting-started-key-field-cs2/app/index.tsx
index 68edf1700e..97a3e9b244 100644
--- a/ej2-react/code-snippet/kanban/getting-started-key-field-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/getting-started-key-field-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
         </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/getting-started-key-field-cs3/app/index.tsx b/ej2-react/code-snippet/kanban/getting-started-key-field-cs3/app/index.tsx
index 3b86982453..057bc4018e 100644
--- a/ej2-react/code-snippet/kanban/getting-started-key-field-cs3/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/getting-started-key-field-cs3/app/index.tsx
@@ -21,4 +21,4 @@ function App() {
 
 export default App;
 
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/getting-started-key-field-cs4/app/index.tsx b/ej2-react/code-snippet/kanban/getting-started-key-field-cs4/app/index.tsx
index 20dd7f387e..2e4a7bae02 100644
--- a/ej2-react/code-snippet/kanban/getting-started-key-field-cs4/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/getting-started-key-field-cs4/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/getting-started-key-field-cs5/app/index.tsx b/ej2-react/code-snippet/kanban/getting-started-key-field-cs5/app/index.tsx
index 36f63a90e9..24743cb849 100644
--- a/ej2-react/code-snippet/kanban/getting-started-key-field-cs5/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/getting-started-key-field-cs5/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/getting-started-swimlane-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/getting-started-swimlane-cs1/app/index.tsx
index 1146529fd0..acd27cbe08 100644
--- a/ej2-react/code-snippet/kanban/getting-started-swimlane-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/getting-started-swimlane-cs1/app/index.tsx
@@ -21,4 +21,4 @@ function App() {
 
 export default App;
 
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/getting-started-swimlane-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/getting-started-swimlane-cs2/app/index.tsx
index f0617a8a2d..ebc1ea0b79 100644
--- a/ej2-react/code-snippet/kanban/getting-started-swimlane-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/getting-started-swimlane-cs2/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/getting-started-swimlane-cs3/app/index.tsx b/ej2-react/code-snippet/kanban/getting-started-swimlane-cs3/app/index.tsx
index b0740ae99d..613ddac481 100644
--- a/ej2-react/code-snippet/kanban/getting-started-swimlane-cs3/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/getting-started-swimlane-cs3/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/header-template-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/header-template-cs1/app/index.tsx
index c3be2101f2..0aba796b56 100644
--- a/ej2-react/code-snippet/kanban/header-template-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/header-template-cs1/app/index.tsx
@@ -28,4 +28,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/header-template-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/header-template-cs2/app/index.tsx
index 186746758e..d31f707ca7 100644
--- a/ej2-react/code-snippet/kanban/header-template-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/header-template-cs2/app/index.tsx
@@ -25,4 +25,4 @@ function App(){
       </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/index-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/index-cs1/app/index.tsx
index 20dd7f387e..2e4a7bae02 100644
--- a/ej2-react/code-snippet/kanban/index-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/index-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/index-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/index-cs2/app/index.tsx
index 36f63a90e9..24743cb849 100644
--- a/ej2-react/code-snippet/kanban/index-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/index-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/index-field-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/index-field-cs1/app/index.tsx
index 2b4175e70e..f56b3c41f5 100644
--- a/ej2-react/code-snippet/kanban/index-field-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/index-field-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/index-field-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/index-field-cs2/app/index.tsx
index 0ebe1055d9..fe6e3e1305 100644
--- a/ej2-react/code-snippet/kanban/index-field-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/index-field-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
       </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/kanban-to-kanban-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/kanban-to-kanban-cs1/app/index.tsx
index 027a00fa29..7679740cca 100644
--- a/ej2-react/code-snippet/kanban/kanban-to-kanban-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/kanban-to-kanban-cs1/app/index.tsx
@@ -73,4 +73,4 @@ class App extends React.Component<{}, {}>{
         </div>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/kanban-to-kanban-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/kanban-to-kanban-cs2/app/index.tsx
index f25fefc65e..d1e14828b2 100644
--- a/ej2-react/code-snippet/kanban/kanban-to-kanban-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/kanban-to-kanban-cs2/app/index.tsx
@@ -70,4 +70,4 @@ function App(){
     </div>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/kanban-to-schedule-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/kanban-to-schedule-cs1/app/index.tsx
index 5551d835a9..c162674a06 100644
--- a/ej2-react/code-snippet/kanban/kanban-to-schedule-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/kanban-to-schedule-cs1/app/index.tsx
@@ -1,4 +1,3 @@
-{% raw %}
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { extend, closest, removeClass } from '@syncfusion/ej2-base';
@@ -108,4 +107,3 @@ class App extends React.Component<{}, {}>{
   }
 };
 ReactDOM.render(<App />, document.getElementById('kanban'));
-{% endraw %}
\ No newline at end of file
diff --git a/ej2-react/code-snippet/kanban/kanban-to-schedule-cs2/app/index.jsx b/ej2-react/code-snippet/kanban/kanban-to-schedule-cs2/app/index.jsx
index 28815bdd2d..4025601856 100644
--- a/ej2-react/code-snippet/kanban/kanban-to-schedule-cs2/app/index.jsx
+++ b/ej2-react/code-snippet/kanban/kanban-to-schedule-cs2/app/index.jsx
@@ -1,4 +1,3 @@
-{% raw %}
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { extend, closest, removeClass } from '@syncfusion/ej2-base';
@@ -89,5 +88,4 @@ function App() {
         </div>
       </div>);
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
-{% endraw %}
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
diff --git a/ej2-react/code-snippet/kanban/kanban-to-schedule-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/kanban-to-schedule-cs2/app/index.tsx
index 5c1bf2dfb8..a7d034a7c9 100644
--- a/ej2-react/code-snippet/kanban/kanban-to-schedule-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/kanban-to-schedule-cs2/app/index.tsx
@@ -1,4 +1,3 @@
-{% raw %}
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { extend, closest, removeClass } from '@syncfusion/ej2-base';
@@ -104,4 +103,3 @@ function App(){
     );
 }
 ReactDOM.render(<App />, document.getElementById('kanban'));
-{% endraw %}
\ No newline at end of file
diff --git a/ej2-react/code-snippet/kanban/kanban-to-treeview-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/kanban-to-treeview-cs1/app/index.tsx
index e9282a1b5f..85c3868ab4 100644
--- a/ej2-react/code-snippet/kanban/kanban-to-treeview-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/kanban-to-treeview-cs1/app/index.tsx
@@ -62,4 +62,4 @@ class App extends React.Component<{}, {}>{
         </div>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/kanban-to-treeview-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/kanban-to-treeview-cs2/app/index.tsx
index 33bfdf63a4..258377c1c8 100644
--- a/ej2-react/code-snippet/kanban/kanban-to-treeview-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/kanban-to-treeview-cs2/app/index.tsx
@@ -59,4 +59,4 @@ function App(){
     </div>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/label-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/label-cs1/app/index.tsx
index 3fc93c441d..6b21d0507b 100644
--- a/ej2-react/code-snippet/kanban/label-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/label-cs1/app/index.tsx
@@ -26,4 +26,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/label-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/label-cs2/app/index.tsx
index 66c67ce282..55bba88698 100644
--- a/ej2-react/code-snippet/kanban/label-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/label-cs2/app/index.tsx
@@ -23,4 +23,4 @@ function App(){
         </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/local-data-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/local-data-cs1/app/index.tsx
index 20dd7f387e..2e4a7bae02 100644
--- a/ej2-react/code-snippet/kanban/local-data-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/local-data-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/local-data-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/local-data-cs2/app/index.tsx
index 36f63a90e9..24743cb849 100644
--- a/ej2-react/code-snippet/kanban/local-data-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/local-data-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/locale-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/locale-cs1/app/index.tsx
index d02ce6f63f..ccfc551a74 100644
--- a/ej2-react/code-snippet/kanban/locale-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/locale-cs1/app/index.tsx
@@ -42,4 +42,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/locale-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/locale-cs2/app/index.tsx
index 42e9643beb..b53e264d6e 100644
--- a/ej2-react/code-snippet/kanban/locale-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/locale-cs2/app/index.tsx
@@ -39,4 +39,4 @@ function App(){
       </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/multiple-keys-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/multiple-keys-cs1/app/index.tsx
index 173448b4b7..006f268c51 100644
--- a/ej2-react/code-snippet/kanban/multiple-keys-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/multiple-keys-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/multiple-keys-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/multiple-keys-cs2/app/index.tsx
index 682327d05c..e527dde406 100644
--- a/ej2-react/code-snippet/kanban/multiple-keys-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/multiple-keys-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/multiple-selection-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/multiple-selection-cs1/app/index.tsx
index d184c92bce..f8dbd4993b 100644
--- a/ej2-react/code-snippet/kanban/multiple-selection-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/multiple-selection-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/multiple-selection-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/multiple-selection-cs2/app/index.tsx
index 79c5b7c06b..bf8caa39e4 100644
--- a/ej2-react/code-snippet/kanban/multiple-selection-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/multiple-selection-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
       </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/odata-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/odata-cs1/app/index.tsx
index dedd7479f0..99159fdef7 100644
--- a/ej2-react/code-snippet/kanban/odata-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/odata-cs1/app/index.tsx
@@ -23,4 +23,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/odata-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/odata-cs2/app/index.tsx
index 0b8f2800fc..325c1fdceb 100644
--- a/ej2-react/code-snippet/kanban/odata-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/odata-cs2/app/index.tsx
@@ -23,4 +23,4 @@ function App(){
       </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/odataV4-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/odataV4-cs1/app/index.tsx
index ed4192fc22..ce76745c51 100644
--- a/ej2-react/code-snippet/kanban/odataV4-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/odataV4-cs1/app/index.tsx
@@ -21,4 +21,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/odataV4-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/odataV4-cs2/app/index.tsx
index 8d4d24f327..6afa748a91 100644
--- a/ej2-react/code-snippet/kanban/odataV4-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/odataV4-cs2/app/index.tsx
@@ -21,4 +21,4 @@ function App(){
       </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/percentage-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/percentage-cs1/app/index.tsx
index 99c7b13cf7..5fa161bb43 100644
--- a/ej2-react/code-snippet/kanban/percentage-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/percentage-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/percentage-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/percentage-cs2/app/index.tsx
index ea41eed24f..f10944ad26 100644
--- a/ej2-react/code-snippet/kanban/percentage-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/percentage-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
       </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/persistence-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/persistence-cs1/app/index.tsx
index c8735c0f74..949832c5a8 100644
--- a/ej2-react/code-snippet/kanban/persistence-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/persistence-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/persistence-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/persistence-cs2/app/index.tsx
index 55cc66b077..659e42e132 100644
--- a/ej2-react/code-snippet/kanban/persistence-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/persistence-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/pixel-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/pixel-cs1/app/index.tsx
index 382ad107ea..0e46174cee 100644
--- a/ej2-react/code-snippet/kanban/pixel-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/pixel-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/pixel-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/pixel-cs2/app/index.tsx
index d2245f6f2a..feb4826159 100644
--- a/ej2-react/code-snippet/kanban/pixel-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/pixel-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/prevent-dialog-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/prevent-dialog-cs1/app/index.tsx
index 2e7df1a937..87527c4089 100644
--- a/ej2-react/code-snippet/kanban/prevent-dialog-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/prevent-dialog-cs1/app/index.tsx
@@ -23,4 +23,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/prevent-dialog-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/prevent-dialog-cs2/app/index.tsx
index debef47bff..f60e0cbd16 100644
--- a/ej2-react/code-snippet/kanban/prevent-dialog-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/prevent-dialog-cs2/app/index.tsx
@@ -20,4 +20,4 @@ function App(){
         </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/priority-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/priority-cs1/app/index.tsx
index e7a21e3449..2bc9bf8534 100644
--- a/ej2-react/code-snippet/kanban/priority-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/priority-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/priority-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/priority-cs2/app/index.tsx
index 6a09482f3f..5093f23d9b 100644
--- a/ej2-react/code-snippet/kanban/priority-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/priority-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/remote-data-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/remote-data-cs1/app/index.tsx
index a4d418debd..8fb084023e 100644
--- a/ej2-react/code-snippet/kanban/remote-data-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/remote-data-cs1/app/index.tsx
@@ -22,4 +22,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/remote-data-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/remote-data-cs2/app/index.tsx
index 51c975d9e7..dfcae4ab85 100644
--- a/ej2-react/code-snippet/kanban/remote-data-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/remote-data-cs2/app/index.tsx
@@ -22,4 +22,4 @@ function App(){
         </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/rtl-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/rtl-cs1/app/index.tsx
index 957e9947c4..71efc2588a 100644
--- a/ej2-react/code-snippet/kanban/rtl-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/rtl-cs1/app/index.tsx
@@ -42,4 +42,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/rtl-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/rtl-cs2/app/index.tsx
index cb2c286174..ec55ef3038 100644
--- a/ej2-react/code-snippet/kanban/rtl-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/rtl-cs2/app/index.tsx
@@ -39,4 +39,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/single-key-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/single-key-cs1/app/index.tsx
index 20dd7f387e..2e4a7bae02 100644
--- a/ej2-react/code-snippet/kanban/single-key-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/single-key-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/single-key-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/single-key-cs2/app/index.tsx
index 36f63a90e9..24743cb849 100644
--- a/ej2-react/code-snippet/kanban/single-key-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/single-key-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/sort-direction-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/sort-direction-cs1/app/index.tsx
index a3265aaa69..50f7b793d1 100644
--- a/ej2-react/code-snippet/kanban/sort-direction-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/sort-direction-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/sort-direction-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/sort-direction-cs2/app/index.tsx
index d0661a71a5..73f4dba665 100644
--- a/ej2-react/code-snippet/kanban/sort-direction-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/sort-direction-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/stacked-headers-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/stacked-headers-cs1/app/index.tsx
index e689d200a9..bef6e88260 100644
--- a/ej2-react/code-snippet/kanban/stacked-headers-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/stacked-headers-cs1/app/index.tsx
@@ -25,4 +25,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/stacked-headers-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/stacked-headers-cs2/app/index.tsx
index b217e89c96..6ada858d26 100644
--- a/ej2-react/code-snippet/kanban/stacked-headers-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/stacked-headers-cs2/app/index.tsx
@@ -22,4 +22,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-drag-and-drop-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-drag-and-drop-cs1/app/index.tsx
index c1f933b971..3b08e31ff3 100644
--- a/ej2-react/code-snippet/kanban/swimlane-drag-and-drop-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-drag-and-drop-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-drag-and-drop-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-drag-and-drop-cs2/app/index.tsx
index 6ba9c0849b..415e0aea1a 100644
--- a/ej2-react/code-snippet/kanban/swimlane-drag-and-drop-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-drag-and-drop-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-drag-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-drag-cs1/app/index.tsx
index c1f933b971..3b08e31ff3 100644
--- a/ej2-react/code-snippet/kanban/swimlane-drag-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-drag-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-drag-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-drag-cs2/app/index.tsx
index 892cb09d01..bb3c71eb9b 100644
--- a/ej2-react/code-snippet/kanban/swimlane-drag-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-drag-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   )
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-empty-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-empty-cs1/app/index.tsx
index 8ad5b4d97e..1d6297c643 100644
--- a/ej2-react/code-snippet/kanban/swimlane-empty-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-empty-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-empty-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-empty-cs2/app/index.tsx
index 52ef92b43c..470ea710b0 100644
--- a/ej2-react/code-snippet/kanban/swimlane-empty-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-empty-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-enable-frozen-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-enable-frozen-cs1/app/index.tsx
index 7e9d60f6d5..16646ed8d3 100644
--- a/ej2-react/code-snippet/kanban/swimlane-enable-frozen-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-enable-frozen-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-enable-frozen-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-enable-frozen-cs2/app/index.tsx
index 137fce9c1e..ba3e725097 100644
--- a/ej2-react/code-snippet/kanban/swimlane-enable-frozen-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-enable-frozen-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
           </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-key-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-key-cs1/app/index.tsx
index f0617a8a2d..ebc1ea0b79 100644
--- a/ej2-react/code-snippet/kanban/swimlane-key-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-key-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-key-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-key-cs2/app/index.tsx
index 7d482940c1..a461c75651 100644
--- a/ej2-react/code-snippet/kanban/swimlane-key-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-key-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
             </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-sort-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-sort-cs1/app/index.tsx
index 754b644e62..5f1043e7a3 100644
--- a/ej2-react/code-snippet/kanban/swimlane-sort-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-sort-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-sort-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-sort-cs2/app/index.tsx
index 48c947d68d..70ccba6e1e 100644
--- a/ej2-react/code-snippet/kanban/swimlane-sort-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-sort-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-template-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-template-cs1/app/index.tsx
index d136b797a6..5d624d9c13 100644
--- a/ej2-react/code-snippet/kanban/swimlane-template-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-template-cs1/app/index.tsx
@@ -30,4 +30,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-template-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-template-cs2/app/index.tsx
index d9638ee1cb..0f97c82b22 100644
--- a/ej2-react/code-snippet/kanban/swimlane-template-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-template-cs2/app/index.tsx
@@ -27,4 +27,4 @@ function App(){
       </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-text-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-text-cs1/app/index.tsx
index fe0359560a..f16245e26f 100644
--- a/ej2-react/code-snippet/kanban/swimlane-text-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-text-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-text-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-text-cs2/app/index.tsx
index 679963484d..69191d5db8 100644
--- a/ej2-react/code-snippet/kanban/swimlane-text-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-text-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
           </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-total-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-total-cs1/app/index.tsx
index a41fc0fbcf..a4d5752499 100644
--- a/ej2-react/code-snippet/kanban/swimlane-total-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-total-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/swimlane-total-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/swimlane-total-cs2/app/index.tsx
index b1fd430c92..c2a527f9de 100644
--- a/ej2-react/code-snippet/kanban/swimlane-total-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/swimlane-total-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/toggle-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/toggle-cs1/app/index.tsx
index 71686acad7..6bacb9148e 100644
--- a/ej2-react/code-snippet/kanban/toggle-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/toggle-cs1/app/index.tsx
@@ -20,4 +20,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/toggle-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/toggle-cs2/app/index.tsx
index 019ba9f53d..00d2fa3efe 100644
--- a/ej2-react/code-snippet/kanban/toggle-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/toggle-cs2/app/index.tsx
@@ -17,4 +17,4 @@ function App(){
     </KanbanComponent>
   );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/tooltip-template-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/tooltip-template-cs1/app/index.tsx
index c216fe7d76..426d3ada6e 100644
--- a/ej2-react/code-snippet/kanban/tooltip-template-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/tooltip-template-cs1/app/index.tsx
@@ -39,4 +39,4 @@ class App extends React.Component<{}, {}>{
             </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/tooltip-template-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/tooltip-template-cs2/app/index.tsx
index 62331f250f..4f26670bba 100644
--- a/ej2-react/code-snippet/kanban/tooltip-template-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/tooltip-template-cs2/app/index.tsx
@@ -37,4 +37,4 @@ function App(){
         </KanbanComponent>
     );
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/virtual-scrolling-cs1/app/index.tsx b/ej2-react/code-snippet/kanban/virtual-scrolling-cs1/app/index.tsx
index 475e2aebff..5878b68a7c 100644
--- a/ej2-react/code-snippet/kanban/virtual-scrolling-cs1/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/virtual-scrolling-cs1/app/index.tsx
@@ -92,4 +92,4 @@ class App extends React.Component<{}, {}>{
     </KanbanComponent>
   }
 };
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));
diff --git a/ej2-react/code-snippet/kanban/virtual-scrolling-cs2/app/index.tsx b/ej2-react/code-snippet/kanban/virtual-scrolling-cs2/app/index.tsx
index fafd018112..e7b65db063 100644
--- a/ej2-react/code-snippet/kanban/virtual-scrolling-cs2/app/index.tsx
+++ b/ej2-react/code-snippet/kanban/virtual-scrolling-cs2/app/index.tsx
@@ -90,4 +90,4 @@ function App() {
     return kanbanData;
   }
 }
-ReactDOM.render(<App />, document.getElementById('kanban'));
\ No newline at end of file
+ReactDOM.render(<App />, document.getElementById('kanban'));