index.js

import React from 'react';

import Input from './src/index';

const categories = [
  {
    id: 'animals',
    title: 'Animals',
    type: 'animal',
    items: ['Dog', 'Cat', 'Bird', 'Dolphin', 'Apes']
  },
  {
    id: 'something',
    title: 'Something cool',
    items: ['Something cool'],
    single: true
  },
  {
    id: 'food',
    title: 'food',
    type: 'food',
    items: ['Apple', 'Banana', 'Grapes', 'Pear']
  },
  {
    id: 'professions',
    title: 'Professions',
    type: 'profession',
    items: ['Waiter', 'Writer', 'Hairdresser', 'Policeman']
  }
];

function transformTag(category, item) {
  return `${category}/${item}`;
}

const props = {
  addNew: true,
  categories,
  transformTag,
  value: ['initial'],
  onChange(tags) {
    console.log('Changed', tags);
  },
  onBlur() {
    console.log('Blur')
  }
};

React.render(
  React.createElement(Input, props),
  document.body
);