Tags Input

A tags input component.

Basic

Svelte
jsrepo

Installation

jsrepo add ui/tags-input

Usage

Custom Validation

For most of the validation and transformation you will need to do you can use the validate property.

For example let's say you want to make all of the tags lowercase.

Write a custom validate function:

Pass the function to the <TagsInput/> component:

svelte
jsrepo

API Reference

TagsInput

The root tags input component. Allows entry and validation of multiple tags.

PropTypeDefault
value? $bindable
string[] []
validate?
function defaultValidate