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}
/>

Installation

pnpm add @notion-kit/tags-input

API Reference

TagsInput

PropTypeDefaultDescription
value*{ tags: string[]; input: string }-The current input value and current tags (controlled).
inputSchemaz.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.

On this page