TagsInput

Tags input component (chips)

Supported modifiers: Typography.
Read more about modifiers here.

PROPS

namedescriptiontypedefault
tagslist of tags. can be string or custom object when implementing getLabelarrayOf
getLabelcallback for extracting the label out of the tag itemfunc
renderTagcallback for custom rendering tag itemfunc
onChangeTagscallback for onChangeTags eventfunc
onCreateTagcallback for creating new tag out of input value (good for composing tag object)func
onTagPresscallback for when pressing a tag in the following format (tagIndex, markedTagIndex) => {...}func
disableTagRemovalif true, tags *removal* Ux won't be availablebool
disableTagAddingif true, tags *adding* Ux (i.e. by 'submitting' the input text) won't be availablebool
containerStylecustom styling for the component containercustom
tagStylecustom styling for the tag itemcustom
inputStylecustom styling for the text inputcustom
hideUnderlineshould hide input underlinebool

LIVE EXAMPLE

CODE SAMPLE

See example here.