JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ivaynberg.github.com/select2/select2-3.3.2/select2.js"></script>
<link rel="stylesheet" href="http://ivaynberg.github.com/select2/select2-3.3.2/select2.css">
<input id="da_input_yo" type="hidden"/>

CSS

.select2-container{
    width: 95%;
}

.select2-results li:nth-child(odd){
    background: #efefef;
}

JavaScript

$("#da_input_yo").select2({
    data:[{
        "text": "Group, the First",
        "children": [{"id": 1, "text":"g1-i1"}, {"id": 2, "text":"g1-i2"}, {"id": 3, "text":"g1-i3"}, {"id": 2, "text":"g1-i4"}]
    },{
        "text": "Group, the Second",
        "children": [{"id": 1, "text":"g2-i1"}, {"id": 2, "text":"g2-i2"}, {"id": 3, "text":"g2-i3"}, {"id": 2, "text":"g2-i4"}]
    }
    ]
});