JSFiddle - React, Tailwind, and code Playground

by kyrisu

HTML

<script src="https://github.com/SteveSanderson/knockout/raw/master/build/output/knockout-latest.debug.js"></script>
<script src="https://github.com/SteveSanderson/knockout.mapping/raw/master/build/output/knockout.mapping-latest.debug.js"></script>
<ul data-bind="foreach: navigation">
<li data-bind="text: name"></li>
</ul>

Debug:
<div data-bind="text: ko.toJSON(vm)"></div>

JavaScript

var vm = {
    navigation: {
        search: {
            name: 'Search',
            go: function() {
                $('#clientSlide').carousel(0);
            }
        },
        results: {
            name: 'Results',
            go: function() {
                $('#clientSlide').carousel(1);
            }
        },
        details: {
            name: 'Details',
            go: function() {
                $('#clientSlide').carousel(2);
            }
        }
    }
};

ko.applyBindings(vm);
ko.toJSON(vm);