JSFiddle - React, Tailwind, and code Playground

by holf

HTML

<script src="http://cachedcommons.org/cache/jquery-cookie/0.0.0/javascripts/jquery-cookie.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.1.0.js"></script>
<div data-bind="value:width ,style : { width : width()+'px' }">
   Hello
</div>

CSS

div { 
    resize: horizontal;
    overflow: auto;
    background-color: blue;
}

JavaScript

var AppViewModel = function(navWidth) {
    var self = this;

    self.width = ko.observable(navWidth);

    self.width.subscribe(function(newValue) {
        $.cookie('navWidth', newValue, {
            expires: 7,
            path: '/'
        });
    });

};


var navWidth = $.cookie('navWidth') || '50';

ko.applyBindings(new AppViewModel(navWidth));