JSFiddle - React, Tailwind, and code Playground
HTML
PGRpdiBpZD0iZGVtbyIgY2xhc3M9Inl1aTMtc2tpbi1zYW0iPgogIDxsYWJlbCBmb3I9ImFjLWlucHV0Ij5FbnRlciB0aGUgbmFtZSBvZiBhIFVTIHN0YXRlOjwvbGFiZWw+PGJyPgogIDxpbnB1dCBpZD0iYWMtaW5wdXQiIHR5cGU9InRleHQiPgo8L2Rpdj4KPGRpdiBpZD0icmVzdWx0cyI+PC9kaXY+Cg==
JavaScript
YUI({
filter: "debug"
}).use('autocomplete', 'autocomplete-filters', 'autocomplete-highlighters', function(Y) {
var states = [
'Alabama',
'Alaska',
'Arizona',
'Arkansas',
'California',
'Colorado',
'Connecticut',
'Delaware',
];
var inputNode = Y.one('#ac-input');
inputNode.plug(Y.Plugin.AutoComplete, {
resultFilters: 'phraseMatch',
resultHighlighter: 'phraseMatch',
source: states
});
var someObj = new Y.Base();
inputNode.ac.addTarget(someObj);
var resultNode = Y.one("#results");
someObj.on("autocompleteListPlugin:select", function(e) {
resultNode.append(e.result.display + "<br>");
});
});