Get started with tagify CDN
MIT licensed
Tagify is a library that enables real-time tag suggestion and autocompletion for JS applications.
Tags:- tagging
- html
- input
- tags
- tagify
- javascript
- react
- reactjs
- react-component
- angular-component
Stable version
Copied!
How to start using tagify CDN
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tagify/dist/tagify.min.css">
<script src="https://cdn.cdnhub.io/tagify/4.21.2/tagify.min.js"></script>
<style>
.tagify {
width: 300px;
height: 100px;
border: 1px solid #ccc;
}
</style>
</head>
<body>
<div id="tagify-example">
<input type="text" class="tagify" autocomplete="off" placeholder="Enter tags...">
</div>
<script>
const tagify = new Tagify('#tagify-example', {
whitelist: ['apple', 'banana', 'cherry'],
blacklist: ['badword'],
dropdown: {
maxItems: 10,
position: 'bottom'
}
});
</script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
All versions
3.10.0
3.10.1
3.10.2
3.11.0
3.11.1
3.11.2
3.11.3
3.12.0
3.13.0
3.14.0
3.14.1
3.14.2
3.14.3
3.15.0
3.15.1
3.15.2
3.15.3
3.15.4
3.16.0
3.16.1
3.16.2
3.16.3
3.17.0
3.17.1
3.17.10
3.17.2
3.17.3
3.17.4
3.17.6
3.17.7
3.17.8
3.17.9
3.18.0
3.18.1
3.19.0
3.19.1
3.19.2
3.19.3
3.19.4
3.19.5
3.19.7
3.20.0
3.20.1
3.20.2
3.20.3
3.21.0
3.21.1
3.21.2
3.21.3
3.21.4
3.21.5
3.22.0
3.22.1
3.22.2
3.22.3
3.23.0
3.23.1
3.25.0
3.9.3
4.0.0
4.0.1
4.0.2
4.0.3
4.0.4
4.0.5
4.1.0
4.1.1
4.1.2
4.1.3
4.1.4
4.10.0
4.11.0
4.12.0
4.13.0
4.13.1
4.13.2
4.13.3
4.14.0
4.14.1
4.15.0
4.15.1
4.15.2
4.15.3
4.15.4
4.16.0
4.16.2
4.16.3
4.16.4
4.17.0
4.17.1
4.17.2
4.17.3
4.17.4
4.17.5
4.17.6
4.17.7
4.17.8
4.17.9
4.18.0
4.18.1
4.18.2
4.18.3
4.19.0
4.19.1
4.2.0
4.20.0
4.21.0
4.21.1
4.21.2
4.22.0
4.22.1
4.22.2
4.23.0
4.24.0
4.25.0
4.25.1
4.26.0
4.26.1
4.26.2
4.26.3
4.26.4
4.26.5
4.26.6
4.27.0
4.3.0
4.3.1
4.31.0
4.31.1
4.31.2
4.31.3
4.31.4
4.31.5
*** 4.31.6
4.4.0
4.5.0
4.6.0
4.7.0
4.7.1
4.7.2
4.8.0
4.8.1
4.9.0
4.9.1
4.9.2
4.9.3
4.9.4
4.9.5
4.9.6
4.9.7
4.9.8