InputChips component takes an array of strings (
values) and renders them each as a
Chip inside a text box.
The input value is converted to chip values as the user types via the comma or enter keys, or on blur.
onChange props are required –
InputChips is a controlled component.
Controlled Input Value
onInputChange props allow control of the typed value. We also provide an optional
onClear event hook that can be used for post-event cleanup or rendering helpful undo functionality.
If a duplicate value is entered, it will not be added to the values list.
validate prop is a function returning a boolean that is called for each value that is entered.
If it returns false, the value is not added.
onDuplicate are optional handlers for when
invalid and duplicate values are entered.
removeOnBackspace prop defaults to true.
When set to false, hitting the
Backspace key while focused in the input will not remove values.