JSFiddle - React, Tailwind, and code Playground

by yahmed

HTML

<script src=" https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-debug.js"></script>
<div data-bind="ignoreValidation: boolValue">
  Some text
</div>

CSS

.ignoreValidation {
  background-color: red
}

JavaScript

ko.bindingHandlers.ignoreValidation = {
  init(element, valueAccessor, allBindings, viewModel, bindingContext) {
    ko.applyBindingsToNode(element, {
      css: {
        ignoreValidation: valueAccessor()
      },{ text: 'New Text'}
    }, bindingContext);
  }
}

var VM = function() {
  this.boolValue = ko.observable(true);
}

ko.applyBindings(new VM());