InputTags

Components

import InputTags from '@semcore/ui/input-tags';

type

InputTagsProps

Omit<InputProps"size"> & ScrollAreaProps & {...}

Property	Description
size `InputTagsSize` = m	Component size
onAdd `(value: string, event: React.KeyboardEvent \| React.ClipboardEvent) => void` deprecated use `onAppend` instead	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[]` = [',', ';', '\|', 'Enter', 'Tab']	List delimiter of tags. Don't forget to add 'Enter' and 'Tab' to hande corresponding hotkeys.

InputTags.Value

import InputTags from '@semcore/ui/input-tags';
<InputTags.Value />;

type

InputTagsValueProps

InputValueProps & {...}

Styled component Tag.

import InputTags from '@semcore/ui/input-tags';
<InputTags.Tag />;

type

InputTagsTagProps

TagProps & {...}

Property	Description
editable `boolean`	Property enabling the ability to remove a tag on click

import InputTags from '@semcore/ui/input-tags';
<InputTags.Tag.Addon />;

Inherited from the Tag.Addon component.

import InputTags from '@semcore/ui/input-tags';
<InputTags.Tag.Text />;

Inherited from the Tag.Text component.

import InputTags from '@semcore/ui/input-tags';
<InputTags.Tag.Close />;

Inherited from the Tag.Close component.

import InputTags from '@semcore/ui/input-tags';
<InputTags.Tag.Circle />;

Inherited from the Tag.Circle component.