JSFiddle - React, Tailwind, and code Playground

by hollanditkzn

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
  <a class="waves-effect waves-light btn modal-trigger" href="#modal1">Modal</a>

    <div id="modal1" class="modal">
      <div class="modal-content">
        <div class="input-field col s12">
         <div class="chips chips-autocomplete" id='tags' name = 'tag'>          </div>
        <button class="waves-effect waves-light btn" id='clearTag'>Очистить теги</button>
       </div>
      </div>
    </div>

JavaScript

$(document).ready(function(){
    $('.modal').modal();
    $('.chips-autocomplete').material_chip({
      placeholder: 'Enter a tag',
      autocompleteOptions: {
          minLength: 5
        }
  	});
    $('#clearTag').on('click', (e) => {
    	$('.chip').remove()
    });
  });