Looking to quickly add taildash components to your project? Please read our docs/introduction.html and follow instruction step by step.
How to start with Taildash (Tailwind dashboard) ? To make the design more attractive, we use some of the best plugins that we have selected by considering the plugin size and loading speed. Documentation is like Bootstrap, so those of you who are familiar with using Bootstrap 5 will be familiar with this. You can develop this template design easily without having to create components again. Tailwind css components are also available on the documentation page.
() Ī jQuery wrapper verison is also available, but I advise not using it because it's basically the exact same as the "normal" or add tags with pre-defined propeties
Adding tags dynamically var tagify = new Tagify(.) 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.
CSS minified ~5kb ( ~2kb GZIP) - well-crafted flexible code.Import Tagify from tagify = new Tagify(.) Transforms an input field or a textarea into a Tags component, in an easy, customizable way, with great performance and tiny code footprint.