JSFiddle - React, Tailwind, and code Playground

by vintharas

HTML

<label for="name">Name: </label><input id="name" name="name" data-bind="value: name" />
<p>
Hither came <span data-bind="text: name"></span>, the Cimmerian, black-haired, sullen-eyed, sword in hand, a thief, a reaver, a slayer, with gigantic melancholies and gigantic mirth, to tread the jeweled thrones of the Earth under his sandaled feet.
</p>

CSS

body{
    font-family: "Segoe UI", sans-serif;
}

JavaScript

var viewModel = {
    name: ko.observable("Conan")
};

ko.applyBindings(viewModel);