text: import React, { Component } from 'react';
  
  import CreatableSelect from 'react-select/lib/Creatable';
  import { colourOptions } from './docs/data';
  
  export default class CreatableSingle extends Component<*, State> {
    handleChange = (newValue: any, actionMeta: any) => {
      console.group('Value Changed');
      console.log(newValue);
      console.log(`action: ${actionMeta.action}`);
      console.groupEnd();
    };
    handleInputChange = (inputValue: any, actionMeta: any) => {
      console.group('Input Changed');
      console.log(inputValue);
      console.log(`action: ${actionMeta.action}`);
      console.groupEnd();
    }
    render() {
      return (
        <CreatableSelect
          className="react-select-multi"
          classNamePrefix="react-select-multi"
          isClearable
          onChange={this.handleChange}
          onInputChange={this.handleInputChange}
          options={colourOptions}
        />
      );
    }
  }