Tags Input

A dynamic input field for adding and managing multiple tags.

<TagsInput
  placeholder="Search name or emails"
  value={{ tags, input }}
  onTagsChange={setTags}
  onInputChange={setInput}
/>

<TagsInput  placeholder="Search name or emails"  value={{ tags, input }}  onTagsChange={setTags}  onInputChange={setInput}/>

Installation

pnpm add @notion-kit/tags-input

pnpm add @notion-kit/tags-input

Prop	Type	Default	Description
`value`*	`{ tags: string[]; input: string }`	-	The current input value and current tags (controlled).
`inputSchema`	`z.Schema`	-	Whether to validate the input tag with the provided `zod` schema.
`onTagsChange`	`(value: string[]) => void`	-	Handler that is called when the tags are updated.
`onInputChange`	`(value: string) => void`	-	Handler that is called when the input value changes.