JSFiddle - React, Tailwind, and code Playground
HTML
<input type="text" id="myInput" />
CSS
.blue{
color: #0070bc;
}
JavaScript
var list = [];
list.push({label: "This is a good", explicitLabel: "test" });
list.push({label: "This is a bad", explicitLabel: "test" });
list.push({label: "This is a nice", explicitLabel: "day" });
$('#myInput').autocomplete({
source: list
}
).data("ui-autocomplete")._renderItem = function (ul, item) {
return $("<li>").append("<a>" + item.label + " " + "<span class=\"blue\">" + item.explicitLabel + "</span>" + "</a>").appendTo(ul);
};