Skip to content

InputTags

InputTags

jsx
import InputTags from 'intergalactic/input-tags';

InputTagsProps

& & {...}
NameTypeDescription
size Component size
onAdd(value: string, event: React.KeyboardEvent | React.ClipboardEvent) => voidDeprecated 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
delimitersstring[] List delimiter of tags. Don't forget to add 'Enter' and 'Tab' to hande corresponding hotkeys.
localestring

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

& {...}
NameTypeDescription
editableboolean 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.

Released under the MIT License.

Released under the MIT License.