JSFiddle - React, Tailwind, and code Playground

HTML

<span data-bind="text: salePrice"></span>

JavaScript

var data ={
    "Id" : 1001,
    "SalePrice" : 12345,
    "ListPrice" : 333,
    "ShortDesc" : "Tayler 12345E",
    "Description" : " Long Description"
};


var viewModel={
    id: ko.observable(data.Id),
    salePrice:ko.observable(data.SalePrice),
    listPrice:ko.observable(data.ListPrice),
    shortDesc:ko.observable(data.ShortDesc),
    description:ko.observable(data.Description),
    formatCurrency: function(value)
    {
        return "$" + value().toFixed(2);
    },
    dataTest: ko.observable(data)
};


ko.applyBindings(viewModel);