Some applications require multi-value inputs but don't have a predefined list for the user to choose from. This rules out the possibility of using an autocomplete or a select component, for example, if you're asking the user for a list of names.
Standalone chip input
How to do it...
You can install the material-ui-chip-input package and use the ChipInput component, which brings together the Chip and TextInput components from Material-UI. The code is as follows:
import React, { useState } from 'react';
import { makeStyles } from '@material-ui/styles';
import ChipInput from 'material-ui-chip-input';
const useStyles = makeStyles(theme => ({
chipInput: { minWidth: 300 }
}));
export default...