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) => {
    	alert('Clear tag')
    	$('.chip.material-icons.close').onclick
    });
    $('.chip.material-icons.close').on('click', (e) => {
    	alert('Close')
    });
  });