This library provides UMD build, so you can use it in webpack or just as is in HTML
<script src="tag-input.umd.js" charset="UTF-8"></script>
<script>
var tagInput = taginput(document.querySelector('#some-input'), options)
</script>
Following options
can be provided:
-
placeholder
- placeholder text for input -
validate
- validation function (Empty by default) -
tags
- initial tags (Defaults to []) -
type
- input type.text
oremail
(Defaults totext
) -
style
- custom CSS classes for styling
tagInput.addItem('tag1')
tagInput.tags
tagInput.replaceItems(['tag1','tag2'])
Clear all items
tagInput.replaceItems()
Events are triggered on the element that was used to create TagInput
var node = document.querySelector('#some-input')
var tagInput = taginput(node)
// Added tag event
node.addEventListener('tagadded', function (e) {
console.log('tag added:', e.detail.tag)
})
// Deleted tag event
node.addEventListener('tagdeleted', function (e) {
console.log('tag deleted:', e.detail.tag)
})
It should work fine on any mobile browser but some additional adaptations can be made
It does not exist yet, but definitely should be added.