Enter and manage multiple tags or chips.
12345678910| Prop | Type | Default | Description |
|---|---|---|---|
value? | string[] | — | Controlled array of tag strings (optional) |
defaultValue? | string[] | [] | Default array of tag strings (optional) |
onChange? | (tags: string[]) => void | — | Callback when tags change (optional) |
placeholder? | string | "Add tags..." | Placeholder text (optional) |
disabled? | boolean | false | Disable the input (optional) |
maxTags? | number | — | Maximum number of tags allowed (optional) |
maxLength? | number | — | Maximum length per tag (optional) |
separator? | string | RegExp | /[,\s]+/ | Separator to split tags (optional) |
allowDuplicates? | boolean | false | Allow duplicate tags (optional) |
validate? | (tag: string) => boolean | string | — | Validation function (optional) |
onTagAdd? | (tag: string) => void | — | Callback when a tag is added (optional) |
onTagRemove? | (tag: string) => void | — | Callback when a tag is removed (optional) |
className? | string | — | Additional CSS classes (optional) |
inputClassName? | string | — | Additional CSS classes for input (optional) |
tagClassName? | string | — | Additional CSS classes for tags (optional) |