Downloading closure scripts...

This may take a while because we're loading un-minified code

Code used to create the input:

var tagsinput = new plana.ui.tags.TagsInput(new goog.Uri('fake'));
          
tagsinput.setModel([{tagClass: 'label-warning', id:1, caption: 'Hello'}, 'World']);
          
var loadingImg = goog.dom.createDom('img', { 'src': 'images/ajax-loader.gif' });
          
tagsinput.getAutoComplete().setLoadingContent(loadingImg);
          
var container = document.getElementById('tagsdiv');
          
tagsinput.render(container);
        

Options:

The table below contains static properties of the tagsinput component. More settings can be configured via the constructor and setter methods. Please see the jsdoc for details.

Notes:

This examples contains two existing tag objects with a 'caption' property:

{id: 1, caption: 'hello'}, {id: 2, caption: 'world'}

and the following string array:

['coding', 'on', 'keep', 'calm', 'and', 'carry']

that can be searched.

We simulate a request taking 200ms to complete.