Standalone chip input

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.

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...