![]() ![]() 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. ![]() Easily change direction to RTL (via the SCSS file).No other inputs are used beside the original, and its value is kept in sync.Easily customized, plenty of settings for common scenarios.CSS minified ~5kb ( ~2kb GZIP) - generated from SCSS with variables.Usage (in your bundle): import Tagify from tagify = new Tagify(.)ĭon't forget to include tagify.css file in your project.ĬSS location: location: See SCSS usecase & example Selling points With great performance and tiny code footprint. Transforms an input field or a textarea into a Tags component, in an easy, customizable way, ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |