JSFiddle - React, Tailwind, and code Playground

by HugeHugh

HTML

<div data-bind="style: { color: colorName }">
    This should be red
</div>
<div data-bind="style: { color: colorHex }">
    This should be red
</div>
<div data-bind="style: { color: colorRGB }">
    This should be red
</div>

JavaScript

var viewModel = {
    colorName: 'red',
    colorHex: '#ff0000',
    colorRGB: 'rgb(255, 0, 0)'
};
ko.applyBindings(viewModel);