InputTags
Components3.3.25
InputTags
import InputTags from '@semcore/ui/input-tags';
interface
IInputTagsProps extends Omit
, IScrollAreaProps
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[] = [',', ';', '|'] | 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
Property | Description |
---|---|
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.