The selectbox dropdown will be appended to the document's element and will be rendered by default in a position below (bottom of) the Tagify element. Suggestions list will only be rendered if there are at least two matching sugegstions (case-insensetive). The suggestions selectbox is shown is a whitelist Array of Strings or Objects was passed in the settings when the Tagify instance was created. querySelector ( 'input' ), tagify = new Tagify ( input, Suggestions selectbox 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).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.Exposed custom events (add, remove, invalid).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 argentina code
CSS minified ~5kb ( ~2kb GZIP) - well-crafted flexible code.Import Tagify from tagify = new Tagify(.) With great performance and tiny code footprint. Transforms an input field or a textarea into a Tags component, in an easy, customizable way,
0 kommentar(er)
