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.