querySelector( 'input '), tagify = new Tagify(input. The rest of the files are most likely irrelevant. Output files, which are automatically generated using Gulp, are in: /dist/ Simply run gulp in your terminal, from the project's path ( Gulp should be installed first). Tags can be trimmed via hellip by giving max-width to the tag element in your CSS.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 componenet or per-tag.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.Auto-complete input as-you-type (whitelist first match).Allows setting aliases to suggestions for easier searching.Shows suggestions selectbox (flexiable settings & styling).Supports mix content (text and tags together).Can be applied on input & textarea elements.Internet Explorer - A polyfill script can be used: in /dist.No other inputs are used beside the original, and its value is kept in sync.Easily change direction to RTL via the SCSS file only.
#Tagify dropdown code#
CSS minified ~7kb ( ~2kb GZIP) - well-crafted flexible code.
Installation npm i -save // usage: import Tagify from var tagify = new Tagify(.) Selling points Transforms an input field or a textarea into a Tags component, in an easy, customizable way, with great performance and tiny code footprint.
0 kommentar(er)
