TextInputWithTokens
TextInputWithTokens is an input for a value that is a list.
Page navigation navigation
Anatomy
Same as TextInput, but handles lists instead of single text strings.
Options
The text input can be configured with all of the same options as the regular TextInput component.
Interactions
Move focus between tokens
Tabbing focuses on the <input /> . When the cursor is at the start of the input, Left Arrow moves focus to the last token. Use Right Arrow and
Left Arrow to navigate tokens.
Remove tokens
Press Backspace to remove the last token (input will populate with its text) or click the remove button.