Skip to content

InputTags

Components
3.3.25

InputTags

import InputTags from '@semcore/ui/input-tags';
interface
IInputTagsProps extends Omit, IScrollAreaProps
PropertyDescription
size

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[] = [',', ';', '|']

List delimiter of tags

InputTags.Value

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

InputTags.Tag

Styled component Tag.

import InputTags from '@semcore/ui/input-tags';
<InputTags.Tag />;
interface
IInputTagsTagProps extends ITagProps
PropertyDescription
editable
boolean

Property enabling the ability to remove a tag on click

InputTags.Tag.Addon

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

Inherited from the Tag.Addon component.

InputTags.Tag.Text

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

Inherited from the Tag.Text component.

InputTags.Tag.Close

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

Inherited from the Tag.Close component.

InputTags.Tag.Circle

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

Inherited from the Tag.Circle component.