TagsInput.
Add and remove text tags using Enter, comma or Backspace.
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
value | string[] | Yes | — | — | Current selected plain-text tags. |
onValueChange | (tags: string[]) => void | No | — | — | Called when tags are added or removed. |
maxTags | number | No | 12 | — | Maximum number of tags. |
label | string | No | Tags | — | Accessible tag group name. |
placeholder | string | No | Type a tag and press Enter | — | Instruction when the input is empty. |
disabled | boolean | No | false | true · false | Disable editing/removing tags. |
className | string | No | — | — | Additional CSS class on the outer component element. |