// Async validation example:

​

​

// https://gist.github.com/yairEO/ed5da9df0144fdbd2d214b4760406443

const mockAjax = (timeout => (RES, duration) => {

  clearTimeout(timeout); // abort last request

  return new Promise((resolve, reject) => timeout = setTimeout(resolve, duration || 0, RES))

})()

​

var input = document.querySelector('input')

var tagify = new Tagify(input, {

  dropdown: {

    maxItems :0, 

    enabled: 0

  },

   whitelist: ["a", "aa", "aaa", "b", "bb", "ccc"]

})

​

​

const onAddTag = async ({detail: {data, tag}}) => {

  tagify.tagLoading(tag, true)

  // mock server validation

  const isValid = await mockAjax(Math.random() > .5, 1000);

​

  tagify.tagLoading(tag, false)

  if( !isValid )

    tagify.replaceTag(tag, {...data, __isValid: "Custom validation error"})

}

​

tagify.on('add', onAddTag)