JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://semantic-ui.com/dist/semantic.css">
<script src="http://semantic-ui.com/dist/semantic.js"></script>
<div class="ui segment">
  <div class="ui search">
    <input id="search-input" class="prompt" type="text" placeholder="Animals...">
    <div class="results"></div>
  </div>

</div>

<div class="ui segment">
  <div id="value">
  </div>
</div>

CSS

body {
  padding: 1em;
}

JavaScript

$('.ui.search')
.search({
  apiSettings: {
    url: 'https://apidev.gigindia.in/gigs/getAllGigs'
  },
  fields: {
    results : 'allGigs',
    title   : 'taskName',
    description: 'companyName'
    // url     : 'html_url'
  },
  minCharacters : 2,
  // fullTextSearch: false
});