react-custom-chips/examples/build/index.js

A very lightweight and custom react chips

'use strict';

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var React = _interopDefault(require('react'));
var ReactDOM = _interopDefault(require('react-dom'));

function App() {
  var onChange = function onChange(chipsData) {
    console.log(chipsData);
  };

  var 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 React.createElement("div", {
    className: "App"
  }, React.createElement(CustomChips, {
    suggestionList: chipsData,
    onChange: onChange,
    renderItem: function renderItem(selected, val) {
      return React.createElement("div", null, val.name);
    }
  }));
}

ReactDOM.render(React.createElement(App, null), document.getElementById('root'));