MUI Input Chips

A flexible and customizable input chips component for React applications using Material-UI.

Installation

1npm install mui-input-chips

Usage

1import { useState } from 'react'
2import { InputChips } from 'mui-input-chips'
3
4function App() {
5  const [chips, setChips] = useState(['apple', 'banana'])
6
7  return <InputChips chipValues={chips} setChipValues={setChips} onChange={setChips} />
8}

Props

Prop	Type	Default	Description
chipValues	string[]	[]	Array of chip values
onChange	(values: string[]) => void	-	Callback fired when chips change

Features

• ✨ Material-UI design system integration
• ⌨️ Keyboard navigation (Enter to add, Backspace to remove)
• ♿ Accessibility compliant

Requirements

• React 19.0+
• Material-UI 5.0+

License

MIT

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.