​

const chipsInitialNew = document.querySelector('.chips-test')

​

const newChipsNew = new mdb.ChipsInput(chipsInitialNew, {

  initialValues: [

    { tag: 'MDBReact' },

    { tag: 'MDBAngular' },

    { tag: 'MDBVue' },

    { tag: 'MDB5' },

    { tag: 'MDB' }

  ]

})

​

const myChips = document.getElementById('myChipsID')

myChips.addEventListener('delete.mdb.chips', (e) => {

  // do something...

  alert('deleted by clicking backspace')

})

​

const chipsCloseButtons = document.querySelectorAll('.chip .close')

chipsCloseButtons.forEach(closeBtn => {

  closeBtn.addEventListener('click', (e) => {

  // do something...

  alert('deleted by clicking close btn')

})

})