react-custom-chips/examples/src/index.jsx

A very lightweight and custom react chips

import React from 'react';
import ReactDOM from 'react-dom';

function App() {
  const onChange = (chipsData) => {
    console.log(chipsData);
  };
  
  const chipsData = [
    { id: '1', name: 'First chip' },
    { id: '2', name: 'Second chip' },
    { id: '3', name: 'Third chip' },
    { id: '4', name: 'Fourth chip' },
    { id: '5', name: 'Fifth chip' },
  ];
  
  return (
    <div className="App">
      <CustomChips suggestionList={chipsData} onChange={onChange} renderItem={(selected, val) => (<div>{val.name}</div>)} />
    </div>
  );
}

ReactDOM.render(<App />, document.getElementById('root'));