JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://knockout-contrib.github.io/KoGrid/lib/jquery-1.8.2.min.js"></script>
<script src="https://knockout-contrib.github.io/KoGrid/lib/knockout-2.2.0.js"></script>
<div class="parent">
    <input type="checkbox" id="test" data-bind="checked: checkedFlag">
    <label for="test">TestLabel</label>
</div>

CSS

.parent{
    width: 300px;
    height: 300px;
    background: blue;
    color: white;
}

JavaScript

function testVM(){
    var self = this;
    
    self.checkedFlag = ko.observable(false);
    
    self.myTest = function(data, event){
        
    };
}

ko.applyBindings(new testVM());