InputTags
InputTags
jsx
import InputTags from 'intergalactic/input-tags';
InputTagsProps
& & {...}Name | Type | Description |
---|---|---|
size | Component size | |
onAdd | (value: string, event: React.KeyboardEvent | React.ClipboardEvent) => void | Deprecated Event is called when tag needs to be added |
onAppend | (values: string[], event: React.KeyboardEvent | React.ClipboardEvent) => void | Event is called when tags need to be added |
onRemove | (event: React.KeyboardEvent | React.MouseEvent) => void | Event is called when tags need to be removed |
delimiters | string[] | List delimiter of tags. Don't forget to add 'Enter' and 'Tab' to hande corresponding hotkeys. |
locale | string |
InputTags.Value
jsx
import InputTags from 'intergalactic/input-tags';
<InputTags.Value />;
InputTagsValueProps
& {...}InputTags.Tag
Styled component Tag.
jsx
import InputTags from 'intergalactic/input-tags';
<InputTags.Tag />;
InputTagsTagProps
& {...}Name | Type | Description |
---|---|---|
editable | boolean | Property enabling the ability to remove a tag on click |
InputTags.Tag.Addon
jsx
import InputTags from 'intergalactic/input-tags';
<InputTags.Tag.Addon />;
Inherited from the Tag.Addon component.
InputTags.Tag.Text
jsx
import InputTags from 'intergalactic/input-tags';
<InputTags.Tag.Text />;
Inherited from the Tag.Text component.
InputTags.Tag.Close
jsx
import InputTags from 'intergalactic/input-tags';
<InputTags.Tag.Close />;
Inherited from the Tag.Close component.
InputTags.Tag.Circle
jsx
import InputTags from 'intergalactic/input-tags';
<InputTags.Tag.Circle />;
Inherited from the Tag.Circle component.
Last updated: