milicomedy.blogg.se

#Tagify dropdown full#

Automatically disallow duplicate tags (vis "settings" object).

Each tag can have any properties desired (class, data-whatever, readonly.).

Supports read-only mode to the whole component or per-tag.

ARIA accessibility support(Component too generic for any meaningful ARIA).

Validate tags by Regex pattern or by function.

Tags can be created by Regex delimiter or by pressing the "Enter" key / focusing of the input.

Can paste in multiple values: tag 1, tag 2, tag 3 or even newline-separated tags.

Auto-suggest input as-you-type with the ability to auto-complete.

Allows setting suggestions' aliases for easier fuzzy-searching.

Shows suggestions list (flexiable settings & styling) at full (component) width or next to the typed texted (caret).

Customizable HTML templates for the different areas of the component (wrapper, tags, dropdown, dropdown item, dropdown header, dropdown footer).Supports mix content (text and tags together).Can be applied to input & textarea elements.)ĭon't forget to include tagify.css file in your project.ĬSS location: location: See SCSS usecase & example Features Import Tagify from var tagify = new Tagify (. Place these lines before any other code which is (or will be) using Tagify ( Example here) Example of overriding the tag template:.With great performance and small code footprint, exploded with features. Transforms an input field or a textarea into a Tags component, in an easy, customizable way,

#Tagify dropdown full#