JSFiddle - React, Tailwind, and code Playground

by maxiloc

HTML

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/instantsearch.js@1/dist/instantsearch.min.css">
<script src="https://cdn.jsdelivr.net/npm/instantsearch.js@1/dist/instantsearch-preact.min.js"></script>

<input id="input" type="text" value="ok" />

<div id="hits-container">

</div>

JavaScript

var search = instantsearch({
  appId: 'B1G2GM9NG0',
  apiKey: '04790b94c1090f054b7b9c4d0095be6b',
  indexName: 'quick_links',
  urlSync: true
});

search.addWidget(
  instantsearch.widgets.searchBox({
    container: '#input'
  })
);

search.addWidget(
  instantsearch.widgets.hits({
    container: '#hits-container',
    templates: {
      item: 'Hit {{objectID}}: FIXME'
    }
  })
);

search.start();