Skip to main content

Getting Started


npm install mui-chips-input --save

or you can use yarn

yarn add mui-chips-input

We have completed installing the package.

Simple usage

Here is a simple usage for using the component:

import React from 'react'
import { MuiChipsInput } from 'mui-chips-input'

const MyComponent = () => {
const [chips, setChips] = React.useState([])

const handleChange = (newChips) => {

return (
<MuiChipsInput value={chips} onChange={handleChange} />

Congratulations !

That's all, now let's deep dive into the props.