Add custom validation code

[jmetz]

Would likely go in addTag, and passed in as an optional function:

svelte-tags-input/src/Tags.svelte

Lines 130 to 170 in 815a243

	function addTag(currentTag) {
	if (typeof currentTag === 'object' && currentTag !== null) {
	if (!autoCompleteKey) {
	return console.error("'autoCompleteKey' is necessary if 'autoComplete' result is an array of objects");
	}
	if (onlyUnique) {
	let found = tags?.find(elem => elem[autoCompleteKey] === currentTag[autoCompleteKey]);
	if (found) return;
	}
	var currentObjTags = currentTag;
	currentTag = currentTag[autoCompleteKey].trim();
	} else {
	currentTag = currentTag.trim();
	}
	if (currentTag == "") return;
	if (maxTags && tags.length == maxTags) return;
	if (onlyUnique && tags.includes(currentTag)) return;
	if (onlyAutocomplete && arrelementsmatch.length === 0) return;
	tags.push(currentObjTags ? currentObjTags : currentTag)
	tags = tags;
	tag = "";
	// Hide autocomplete list
	// Focus on svelte tags input
	arrelementsmatch = [];
	autoCompleteIndex = -1;
	document.getElementById(id).focus();
	if (maxTags && tags.length == maxTags) {
	document.getElementById(id).readOnly = true;
	placeholder = "";
	};
	}

[jmetz]

Note: I've been trying to add custom outer validation to no avail; when I change tags (which is bound to your component) in the parent component within a reactive block, that change doesn't get reflected in the tags displayed in your component.

[agustinl]

Hiii

• Add: customValidation prop. 👐🏻 in next release!