JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://knockoutjs.com/downloads/knockout-3.2.0.js"></script>
<user-widget params="firstName:user.firstName, lastName:user.lastName"></user-widget>
<div data-bind='component:{name:"user-widget", params:user}'></div>
<user-widget data-bind='component:{params:user}'></user-widget>

JavaScript

ko.components.register('user-widget', {
    template: '<p><span data-bind = "text:fullName" ></span></p>',
    viewModel: function (params) {
        this.fullName = params.firstName + ' ' + params.lastName;
    }
});

function VM() {
    this.user = {
        firstName: 'Joe',
        lastName: 'Baker'
    };
}

ko.applyBindings(new VM());