Tag Inputs

Tagging JS

Simple Options

# Australia×
# India×
# USA×

By default case-sensitive is false. Set it to true to allow case sensitive.

# sydney
# beijing

By default close char is "×". Pass empty string close-char:"" To remove close char.

# cairo×
# amsterdam×
# washington×

By default you can edit the tag you just deleted from the tag box. set it edit-on-delete:false to avoid that.

# india×
# brazil×

By Default duplicate tags are not allowed, set no-duplicate:false to allow duplicates.

# amsterdam×
# beijing×

Enter key add a new tag by default, set it no-enter:true to avoid that.

# sydney×
# washington×

Comma "," key add a new tag by default, set it no-comma:true to avoid that.

Advance Options

# australia×
# india×
# usa×

You can pass an array like ["," , ".", "_", "?"] of forbidden chars.

# sydney×
# beijing×

Following words as forbidden, "bastard","bitch","biatch","bloody".

# cairo ×
# amsterdam ×
# washington×

Define your pre tag separator. In this example / is used as pre tag separator.

India, Brazil

If false, clicking away from the $type_zone won't add a new tag.

Amsterdam, Beijing

Define your tag char. In this example we have used * as tag char.

# sydney×
# washington×

Define your Class of the type-zone.

Simple Methods

# australia×
# india×
# usa×
# sydney×
# beijing×
# cairo×
# washington×
# sydney×
# beijing×
# washington×
# sydney×
# beijing×
# washington×
# sydney×
# beijing×
# washington×
# sydney×
# beijing×

Advance Methods

# washington×
# sydney×
# beijing×
# washington×
# sydney×
# beijing×
# washington×
# sydney×
# beijing×

Check your console to see the special key objects.

Returns object
JavaScript
                                        
                                            Object {comma: 188, enter: 13, spacebar: 32, del: 46, backspace: 8}
                                        
                                    
# washington×
# sydney×
# beijing×

Check your console to see the returned value.

Returned Value
JavaScript
                                        
                                            cairo
                                        
                                    

Theme Customizer


Customize & Preview in Real Time

Menu Color Options

Layout Options

Navigation Color Options
Solid
Gradient

Solid

Gradient

Buy Now