module react-tag-input
1. function react-tag-input.WithContext ()
2. function react-tag-input.WithOutContext (props)
3. object react-tag-input.Keys
4. object react-tag-input.WithContext.PropTypes
5. object react-tag-input.WithContext.childContextTypes
module react-tag-input.WithContext
1. function react-tag-input.WithContext ()
2. function react-tag-input.WithContext.DecoratedComponent (props)
3. object react-tag-input.WithContext.PropTypes
4. object react-tag-input.WithContext.childContextTypes
5. string react-tag-input.WithContext.displayName
module react-tag-input.WithContext.PropTypes
module react-tag-input.WithContext.childContextTypes
1. function react-tag-input.WithContext.childContextTypes.dragDropManager ()

module react-tag-input

function react-tag-input.WithContext ()

description and source-code

function DragDropContextContainer() {
  _classCallCheck(this, DragDropContextContainer);

  return _possibleConstructorReturn(this, (DragDropContextContainer.__proto__ || Object.getPrototypeOf(DragDropContextContainer)).
apply(this, arguments));
}

example usage
```
n/a
```

function react-tag-input.WithOutContext (props)

description and source-code

function ReactTags(props) {
  _classCallCheck(this, ReactTags);

  var _this = _possibleConstructorReturn(this, (ReactTags.__proto__ || Object.getPrototypeOf(ReactTags)).call(this, props));

  _this.state = {
    suggestions: _this.props.suggestions,
    query: "",
    selectedIndex: -1,
    selectionMode: false
  };

  _this.handleBlur = _this.handleBlur.bind(_this);
  _this.handleKeyDown = _this.handleKeyDown.bind(_this);
  _this.handleChange = _this.handleChange.bind(_this);
  _this.moveTag = _this.moveTag.bind(_this);
  _this.handlePaste = _this.handlePaste.bind(_this);
  _this.resetAndFocusInput = _this.resetAndFocusInput.bind(_this);
  _this.handleSuggestionHover = _this.handleSuggestionHover.bind(_this);
  _this.handleSuggestionClick = _this.handleSuggestionClick.bind(_this);
  return _this;
}

example usage
```
n/a
```

module react-tag-input.WithContext

function react-tag-input.WithContext ()

description and source-code

function DragDropContextContainer() {
  _classCallCheck(this, DragDropContextContainer);

  return _possibleConstructorReturn(this, (DragDropContextContainer.__proto__ || Object.getPrototypeOf(DragDropContextContainer)).
apply(this, arguments));
}

example usage
```
n/a
```

function react-tag-input.WithContext.DecoratedComponent (props)

description and source-code

function ReactTags(props) {
  _classCallCheck(this, ReactTags);

  var _this = _possibleConstructorReturn(this, (ReactTags.__proto__ || Object.getPrototypeOf(ReactTags)).call(this, props));

  _this.state = {
    suggestions: _this.props.suggestions,
    query: "",
    selectedIndex: -1,
    selectionMode: false
  };

  _this.handleBlur = _this.handleBlur.bind(_this);
  _this.handleKeyDown = _this.handleKeyDown.bind(_this);
  _this.handleChange = _this.handleChange.bind(_this);
  _this.moveTag = _this.moveTag.bind(_this);
  _this.handlePaste = _this.handlePaste.bind(_this);
  _this.resetAndFocusInput = _this.resetAndFocusInput.bind(_this);
  _this.handleSuggestionHover = _this.handleSuggestionHover.bind(_this);
  _this.handleSuggestionClick = _this.handleSuggestionClick.bind(_this);
  return _this;
}

example usage
```
n/a
```

module react-tag-input.WithContext.PropTypes

function react-tag-input.WithContext.PropTypes.allowDeleteFromEmptyInput ()

description and source-code

allowDeleteFromEmptyInput = function () { [native code] }

example usage
```
n/a
```

function react-tag-input.WithContext.PropTypes.autocomplete ()

description and source-code

autocomplete = function () { [native code] }

example usage
```
n/a
```

function react-tag-input.WithContext.PropTypes.autofocus ()

description and source-code

autofocus = function () { [native code] }

example usage
```
n/a
```

function react-tag-input.WithContext.PropTypes.classNames ()

description and source-code

classNames = function () { [native code] }

example usage
```
n/a
```

function react-tag-input.WithContext.PropTypes.delimiters ()

description and source-code

delimiters = function () { [native code] }

example usage
```
n/a
```

function react-tag-input.WithContext.PropTypes.handleAddition ()

description and source-code

handleAddition = function () { [native code] }

example usage

...
      return String.fromCharCode(96 <= delimiter ? chrCode : delimiter);
    }).join(""));

    var clipboardData = e.clipboardData || window.clipboardData;
    var string = clipboardData.getData("text");
    var regExp = new RegExp("[" + delimiterChars + "]+");
    string.split(regExp).forEach(function (tag) {
      return _this2.props.handleAddition(tag);
    });
  }
}, {
  key: "addTag",
  value: function addTag(tag) {
    if (this.props.autocomplete) {
      var possibleMatches = this.filteredSuggestions(tag, this.props.suggestions);
...

function react-tag-input.WithContext.PropTypes.handleDelete ()

description and source-code

handleDelete = function () { [native code] }

example usage

...
      suggestions: suggestions,
      classNames: _extends({}, DefaultClassNames, props.classNames)
    });
  }
}, {
  key: "handleDelete",
  value: function handleDelete(i, e) {
    this.props.handleDelete(i);
    this.setState({ query: "" });
    this.resetAndFocusInput();
  }
}, {
  key: "handleChange",
  value: function handleChange(e) {
    if (this.props.handleInputChange) {
...

function react-tag-input.WithContext.PropTypes.handleDrag ()

description and source-code

handleDrag = function () { [native code] }

example usage

...
var tags = this.props.tags;

// locate tags
var dragTag = tags[dragIndex];

// call handler with the index of the dragged tag
// and the tag that is hovered
this.props.handleDrag(dragTag, dragIndex, hoverIndex);
    }
  }, {
    key: "render",
    value: function render() {
var _this3 = this;

var moveTag = this.props.handleDrag ? this.moveTag : null;
...

function react-tag-input.WithContext.PropTypes.handleFilterSuggestions ()

description and source-code

handleFilterSuggestions = function () { [native code] }

example usage

...
  value: function componentDidMount() {
    this.resetAndFocusInput();
  }
}, {
  key: "filteredSuggestions",
  value: function filteredSuggestions(query, suggestions) {
    if (this.props.handleFilterSuggestions) {
      return this.props.handleFilterSuggestions(query, suggestions);
    }

    return suggestions.filter(function (item) {
      return item.toLowerCase().indexOf(query.toLowerCase()) === 0;
    });
  }
}, {
...

function react-tag-input.WithContext.PropTypes.handleInputBlur ()

description and source-code

handleInputBlur = function () { [native code] }

example usage

...
    });
  }
}, {
  key: "handleBlur",
  value: function handleBlur(e) {
    var value = e.target.value.trim();
    if (this.props.handleInputBlur) {
      this.props.handleInputBlur(value);
      this.textInput.value = "";
    }
  }
}, {
  key: "handleKeyDown",
  value: function handleKeyDown(e) {
    var _state = this.state,
...

function react-tag-input.WithContext.PropTypes.handleInputChange ()

description and source-code

handleInputChange = function () { [native code] }

example usage

...
this.setState({ query: "" });
this.resetAndFocusInput();
    }
  }, {
    key: "handleChange",
    value: function handleChange(e) {
if (this.props.handleInputChange) {
  this.props.handleInputChange(e.target.value.trim());
}

var query = e.target.value.trim();
var suggestions = this.filteredSuggestions(query, this.props.suggestions);

var selectedIndex = this.state.selectedIndex;
if (selectedIndex >= suggestions.length) {
...

function react-tag-input.WithContext.PropTypes.id ()

description and source-code
```
id = function () { [native code] }
```
example usage
```
n/a
```

function react-tag-input.WithContext.PropTypes.inline ()

description and source-code
```
inline = function () { [native code] }
```
example usage
```
n/a
```

function react-tag-input.WithContext.PropTypes.labelField ()

description and source-code

labelField = function () { [native code] }

example usage
```
n/a
```

function react-tag-input.WithContext.PropTypes.maxLength ()

description and source-code

maxLength = function () { [native code] }

example usage
```
n/a
```

function react-tag-input.WithContext.PropTypes.minQueryLength ()

description and source-code

minQueryLength = function () { [native code] }

example usage
```
n/a
```

function react-tag-input.WithContext.PropTypes.name ()

description and source-code
```
name = function () { [native code] }
```
example usage
```
n/a
```

function react-tag-input.WithContext.PropTypes.placeholder ()

description and source-code

placeholder = function () { [native code] }

example usage
```
n/a
```

function react-tag-input.WithContext.PropTypes.readOnly ()

description and source-code

readOnly = function () { [native code] }

example usage
```
n/a
```

function react-tag-input.WithContext.PropTypes.removeComponent ()

description and source-code

removeComponent = function () { [native code] }

example usage
```
n/a
```

function react-tag-input.WithContext.PropTypes.shouldRenderSuggestions ()

description and source-code

shouldRenderSuggestions = function () { [native code] }

example usage
```
n/a
```

function react-tag-input.WithContext.PropTypes.suggestions ()

description and source-code

suggestions = function () { [native code] }

example usage
```
n/a
```

module react-tag-input.WithContext.childContextTypes

function react-tag-input.WithContext.childContextTypes.dragDropManager ()

description and source-code

dragDropManager = function () { [native code] }

example usage
```
n/a
```

api documentation for react-tag-input (v4.7.1)

React tags is a fantastically simple tagging component for your React projects

table of contents

module react-tag-input

function react-tag-input.WithContext ()

function react-tag-input.WithOutContext (props)

module react-tag-input.WithContext

function react-tag-input.WithContext ()

function react-tag-input.WithContext.DecoratedComponent (props)

module react-tag-input.WithContext.PropTypes

function react-tag-input.WithContext.PropTypes.allowDeleteFromEmptyInput ()

function react-tag-input.WithContext.PropTypes.autocomplete ()

function react-tag-input.WithContext.PropTypes.autofocus ()

function react-tag-input.WithContext.PropTypes.classNames ()

function react-tag-input.WithContext.PropTypes.delimiters ()

function react-tag-input.WithContext.PropTypes.handleAddition ()

function react-tag-input.WithContext.PropTypes.handleDelete ()

function react-tag-input.WithContext.PropTypes.handleDrag ()

function react-tag-input.WithContext.PropTypes.handleFilterSuggestions ()

function react-tag-input.WithContext.PropTypes.handleInputBlur ()

function react-tag-input.WithContext.PropTypes.handleInputChange ()

function react-tag-input.WithContext.PropTypes.id ()

function react-tag-input.WithContext.PropTypes.inline ()

function react-tag-input.WithContext.PropTypes.labelField ()

function react-tag-input.WithContext.PropTypes.maxLength ()

function react-tag-input.WithContext.PropTypes.minQueryLength ()

function react-tag-input.WithContext.PropTypes.name ()

function react-tag-input.WithContext.PropTypes.placeholder ()

function react-tag-input.WithContext.PropTypes.readOnly ()

function react-tag-input.WithContext.PropTypes.removeComponent ()

function react-tag-input.WithContext.PropTypes.shouldRenderSuggestions ()

function react-tag-input.WithContext.PropTypes.suggestions ()

module react-tag-input.WithContext.childContextTypes

function react-tag-input.WithContext.childContextTypes.dragDropManager ()