JSFiddle - React, Tailwind, and code Playground

by poztin

HTML

Type is: <span data-bind="text: Type"></span>
<br/>
Value is: <input type='text' data-bind="isolated: Type, value: Value" />

JavaScript

var viewModel = (function(){
    var self = {};
    
    self.Value = ko.observable(10);
    self.Type = ko.observable('Text');                    

    ko.bindingHandlers.isolated = {
        init: function(element, valueAccessor) {
            var args = arguments;
            ko.computed(function(){
                ko.utils.unwrapObservable(valueAccessor());                
            });
        }
    };

    return self;
})();

ko.applyBindings(viewModel);