JSFiddle - React, Tailwind, and code Playground

by taylorobrien

HTML

<div class='always' data-bind="css: myclass">
   Test 1
</div>
 <br><br>
<div data-bind="attr:{class: myclass}" class='always'>
   Test 2
</div>

CSS

div{
    font-size: 2em;
}

.always{
    color:green;
}

.red{
    background-color: red;
}

JavaScript

var viewModel = {
    myclass: 'red'
};

ko.applyBindings(viewModel);