From 14051995d5736c250f958adee45e4fd0b39469ac Mon Sep 17 00:00:00 2001 From: Pongsatorn Date: Tue, 16 Apr 2024 16:22:31 +0700 Subject: [PATCH 1/2] Add onFocus event --- src/index.tsx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/index.tsx b/src/index.tsx index b535239..3ce3d65 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -11,6 +11,7 @@ export interface TagsInputProps { placeHolder?: string; value?: string[]; onChange?: (tags: string[]) => void; + onFocus?: any; onBlur?: any; separators?: string[]; disableBackspaceRemove?: boolean; @@ -33,6 +34,7 @@ export const TagsInput = ({ placeHolder, value, onChange, + onFocus, onBlur, separators, disableBackspaceRemove, @@ -107,6 +109,7 @@ export const TagsInput = ({ name={name} placeholder={placeHolder} onKeyDown={handleOnKeyUp} + onFocus={onFocus} onBlur={onBlur} disabled={disabled} onKeyUp={onKeyUp} From 3941f34a9e02d78cd1750cdc0302e0dc6ccc5d25 Mon Sep 17 00:00:00 2001 From: Pongsatorn Date: Tue, 16 Apr 2024 22:29:32 +0700 Subject: [PATCH 2/2] Update README.md --- README.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 9d3e50b..deb4f0d 100644 --- a/README.md +++ b/README.md @@ -64,7 +64,8 @@ export default Example; | `classNames` | className for styling input and tags (i.e {tag:'tag-cls', input: 'input-cls'}) | `object[tag, input]` | | | `onKeyUp` | input `onKeyUp` callback | `event` | | | `onBlur` | input `onBlur` callback | `event` | | -| `separators` | when to add tag (i.e. `"Enter"`, `" "`) | `string[]` | `["Enter"]` | +| `onFocus` | input `onFocus` callback | `event` | | +| `separators` | when to add tag (i.e. `"Enter"`, `" "`) | `string[]` | `["Enter"]` | | `removers` | Remove last tag if textbox empty and `Backspace` is pressed | `string[]` | `["Backspace"]` | | `onExisting` | if tag is already added then callback | `(tag: string) => void` | | | `onRemoved` | on tag removed callback | `(tag: string) => void` | |