Tags Input

A tags input component.

Installation

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:

Autocomplete

Provide a list of suggestions to show an autocomplete dropdown as the user types.

Restricted to Suggestions

Set restrictToSuggestions to only allow values from the suggestions list.

API Reference

TagsInput

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

PropTypeDefault
value? $bindable
string[] []
validate?
function defaultValidate
onValueChange?
function -
suggestions?
string[] -
filterSuggestions?
function -
restrictToSuggestions?
boolean false