JSFiddle - React, Tailwind, and code Playground

by Vikash Verma

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css">
<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags">
</div>

JavaScript

$(function() {
    var data=[{"label":"Casa Grande Trinity","idx":"14710"},{"label":"Ceebros Venkatadri","idx":"14711"},{"label":"Devinarayan Sai Saga","idx":"14712"},{"label":"Estancia","idx":"14713"},{"label":"gujarat properties","idx":"14714"},{"label":"Hi Teckno Shravan","idx":"14715"},{"label":"IPDEV","idx":"14716"},{"label":"Nahar Mangalam","idx":"14718"},{"label":"Offer Image","idx":"14719"},{"label":"Pushkar s gosel gard","idx":"14721"},{"label":"Pushkars Grace","idx":"14722"},{"label":"Rams Anjali Atrium","idx":"14723"},{"label":"Sai sagar adyar","idx":"14724"},{"label":"Utopia","idx":"14730"},{"label":"VJS The Monarch","idx":"14731"}];
    
    $( "#tags" ).autocomplete({
      source: data
    });
  });