JSFiddle - React, Tailwind, and code Playground

by Karthik Sivaraj

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.common.min.css">
<script src="http://cdn.kendostatic.com/2014.2.716/js/kendo.all.min.js"></script>

<div id="treeView"/>

JavaScript

$(document).ready(function () {
      $("#treeView").kendoTreeView({
            dataSource: 
[{
	text: 'EID Parry',
	items: [{
		text: 'Pugalur',
		items: [{
			text: 'Sugar Plant',
			items: [{
			  text: 'Production Line 01',
              items: [{ text: 'Sugar Cane Yard', items: []}, { text: 'Crushing Mill 01', items: []}, { text: 'Clarifier 01', items: []}, { text: 'Evaporator 01', items: []}, { text: 'Centrifuger 01', items: []}, { text: 'Crystalizer 01', items: []}, { text: 'Drier 01', items: []}]				
			}],	
		}, {
		  text: 'Sugar Packaging',
			items: [{
			  text: 'Packaging Line 01',
              items: [{ text: 'Conveyor 01', items: []}, { text: 'Filler 01', items: []}, { text: 'Palletizer 01', items: []}]				
			}, {
			  text: 'Packaging Line 02',
              items: [{ text: 'Conveyor 02', items: []}, { text: 'Filler 02', items: []}, { text: 'Palletizer 02', items: []}]				
			}]		
		}, {
		  text: 'Power Plant',
			items: [{
			  text: 'Power Plant 01',
              items: [{ text: 'Diesel Pump', items: []}, { text: 'Diesel Engine 01', items: []}, { text: 'Generator 01', items: []}]				
			}]
		}, {
		  text: 'Utilities',
			items: [{
			  text: 'Boiler Unit 01',
              items: [{ text: 'Boiler Feed Pump', items: []}, { text: 'Boiler 01', items: []}, { text: 'Draft Pump 01', items: []}]				
			}]
		}],
	}, 	{
		text: 'Pettavaithalai',
		items: [{
			text: 'Sugar Plant',
			items: [{
			  text: 'Production Line 01',
              items: [{ text: 'Sugar Cane Yard', items: []}, { text: 'Crushing Mill 01', items: []}, { text: 'Clarifier 01', items: []}, { text: 'Evaporator 01', items: []}, { text: 'Centrifuger 01', items: []}, { text: 'Crystalizer 01', items: []}, { text: 'Drier 01', items: []}]				
			}],			
		}, {
		  text: 'Power Plant',
			items: [{
			  text: 'Power Plant 01',
              items: [{ text: 'Diesel Pump', items: []}, { text: 'Diesel Engine 01', items: []}, { text: 'Generator 01', items: []}]				
			}]
		}, {
		  text:...