TagsInput
Tags input component (chips)
Supported modifiers: Typography.
Read more about modifiers here.
PROPS
name | description | type | default |
---|---|---|---|
tags | list of tags. can be string or custom object when implementing getLabel | arrayOf | |
getLabel | callback for extracting the label out of the tag item | func | |
renderTag | callback for custom rendering tag item | func | |
onChangeTags | callback for onChangeTags event | func | |
onCreateTag | callback for creating new tag out of input value (good for composing tag object) | func | |
onTagPress | callback for when pressing a tag in the following format (tagIndex, markedTagIndex) => {...} | func | |
disableTagRemoval | if true, tags *removal* Ux won't be available | bool | |
disableTagAdding | if true, tags *adding* Ux (i.e. by 'submitting' the input text) won't be available | bool | |
containerStyle | custom styling for the component container | custom | |
tagStyle | custom styling for the tag item | custom | |
inputStyle | custom styling for the text input | custom | |
hideUnderline | should hide input underline | bool |
LIVE EXAMPLE
CODE SAMPLE
See example here.