JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.16/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.16/themes/black-tie/jquery-ui.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/1.2.1/knockout-min.js"></script>
<div id="dialog">
    <label for="name">Name:</label>
    <input id="name" data-bind="value: name"/>
</div>

JavaScript

$(document).ready(function() {
    $("#dialog").dialog({
        buttons: [
            {
            text: 'Ok',
            class: 'ok-button'}
        ]
    });
    
    var model = { name: ko.observable('') };
    
    $("button.ok-button").attr("data-bind", "visible: name().length");
    
    ko.applyBindings(model);
});