opinion
TagInput
A field where you type free-form tags: Enter or comma adds one.
Task tagsType, press Enter or comma; Backspace removes the last
DesignHarbour
DesignEngOps
Research
Harbour rebrand launch kitCrew interview follow-ups
In context
Edit taskTags on a task card
MCIcon auditHarbour rebrand, due next week
Tags
DesignBrand
Assigned to Maya Chen, Design
Props
| Prop | Type | Required | Default |
|---|---|---|---|
values | string[] | undefined | No | — |
defaultValues | string[] | undefined | No | — |
onValuesChange | ((values: string[]) => void) | undefined | No | — |
placeholder | string | undefined | No | Add a tag... |
aria-label | string | undefined | No | Tags |
disabled | boolean | undefined | No | — |
maxTags | number | undefined | No | — |
allowDuplicates | boolean | undefined | No | false |
showEnterHint | boolean | undefined | No | true |
className | string | undefined | No | — |
Duplicates and limits
allowDuplicates (default false) skips a tag that already exists, case-insensitively. maxTags disables the input once reached.
data-rebar-* attributes
data-rebar-component="tag-input" on the root; parts: chips, input.
Migrating to Ant Design
AntD's Select with mode="tags" is the closest equivalent. Not codemod-covered.