Tagify

Actions

Tagify- Lightweight input tags plugin.
For more info please visit the plugin's Demo Pageor Github Repo.

Tags Input Examples

Basic example

Remove tags

In this example, the field is pre-occupied with 4 tags. The last tag (CSS) has the same value as the first tag, and will be removed, because the duplicates setting is set to true.

Readonly example

If the original input field has a readonly attribute, then, via CSS, there will be no way of manually adding tags because the inline contenteditable element will be hidden.

Whitelist examples

In this example, the field is pre-occupied with 3 tags, and last tag is not included in the whitelist, and will be removed because the enforce whitelist option flag is set to true

Templates examples

Dropdown item and tag templates.

Outside of the box example

Some cases might require addition of tags from outside of the box and not within.

Theme Colorss

In this example, the dropdown.enabled setting is set (minimum charactes typed to show the dropdown) to 3. Maximum number of tags is set to 6

Theme Light Colors

In this example, the dropdown.enabled setting is set (minimum charactes typed to show the dropdown) to 3. Maximum number of tags is set to 6

User Notifications 23 new

Quick Actions

My Cart

Pricing Tables

Wizards

Invoices

Login

Classic Login

Error Pages

Tagify

Tags Input Examples

User Profile 12 messages

Recent Notifications

System Messages

Notifications

Customer Care

Reports

Memebers

Select A Demo

Demo 1

Demo 2

Demo 3

Demo 4

Demo 5

Demo 6

Demo 7

Demo 8

Demo 9

Demo 10

Demo 11

Demo 12

Demo 13

Demo 14

Demo 15

Demo 16

Demo 17

Demo 18

Demo 19

Demo 20

Demo 21

Demo 22

Demo 23

Demo 24

Demo 25

Demo 26

Demo 27

Demo 28

Demo 29

Demo 30