Overview
This document is a product analysis of a REPL example with options for a Svelte Tags Input theme. The theme allows users to create tags using an input field, and provides various customization options.
Features
- bind:tags: To get the values
- addKeys: Set which keys add new values
- removeKeys: Set which keys remove new values
- allowPaste: Enable pasting of a tag or tag group
- allowDrop: Enable drag and drop of a tag or tag group
- splitWith: Choose what character split you group of tags (Work only if allowDrop or allowPaste are true)
- maxTags: Set maximum number of tags
- onlyUnique: Set the entered tags to be unique
- placeholder: Set a placeholder
- autoComplete: Set an array of elements to create an auto-complete dropdown or a function
- autoCompleteKey: Set a key to search on auto-complete array of objects
- autoCompleteFilter: If false, disable auto-complete filter and return endpoint response without filter
- onlyAutocomplete: Only accept tags inside the auto-complete list
- name: Set a name attribute
- id: Set an ID attribute
- allowBlur: Enable add tag when input blur
- Svelte
Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.
- Rollup
RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.