JSFiddle - React, Tailwind, and code Playground

by vaibhav saxena

HTML

<script src="http://static.jstree.com/3.0.0-beta3/assets/dist/jstree.min.js"></script>
<link rel="stylesheet" href="http://static.jstree.com/3.0.0-beta3/assets/dist/themes/default/style.min.css">
<div id="data" class="demo"></div>

CSS

.desired_node_class > .jstree-anchor { color:green; }

JavaScript

$('#data').jstree({
		'core' : {
			'data' : [{"text" : "GROUPS","state":{"opened":true}, "li_attr" : { "class" : "desired_node_class" },
                                 "children" : [{ "text" : "USERS", "li_attr" : { "class" : "desired_node_class", "test":"test_1" }},{ "text" : "ADMIN", "li_attr" : { "class" : "desired_node_class" }}]}
				
			]
		}
	});