<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@afosto/instant-search-widget@0.2.6/dist/afosto-instant-search-widget.min.css">

<script defer src="https://cdn.jsdelivr.net/npm/@afosto/instant-search-widget@0.2.6/dist/afosto-instant-search-widget.min.js"></script>

<script>
  document.addEventListener('DOMContentLoaded', function() {
	  AfostoInstantSearchWidget.init('movies-demo');
  });
</script>



<div class="container">
	<button data-af-instant-search>Toggle widget</button>
</div>

.container
	display: flex
	align-items: center
	justify-content: center
	height: 100vh

button
	padding: 12px 24px
	border: 0
	border-radius: 4px
	cursor: pointer