JSFiddle - React, Tailwind, and code Playground

by riyadh

HTML

<script src="https://yaireo.github.io/tagify/dist/tagify.js"></script>
<link rel="stylesheet" href="https://yaireo.github.io/tagify/dist/tagify.css">
<textarea name='receiver' placeholder='Tambahkan Nomor Telepon'>089876543212</textarea>

JavaScript

var formReceiver = document.querySelector('textarea[name=receiver]'),
    // init Tagify script on the above inputs
tagReceiver = new Tagify(formReceiver, {
    enforeWhitelist : true,
    whitelist       : ["Riyadh", "Ricky", "Riyadi", "081234567890", "Keluarga", "Jihyo", "Sana"]
});

// toggle Tagify on/off
document.querySelector('input[type=checkbox]').addEventListener('change', function(){
    document.body.classList[this.checked ? 'add' : 'remove']('disabled');
})