react-taggable-input
Advanced tools
Comparing version 0.0.1 to 0.0.2
{ | ||
"name": "react-taggable-input", | ||
"version": "0.0.1", | ||
"version": "0.0.2", | ||
"description": "tag or mention in input element when keydown # or @ or any other character.", | ||
@@ -21,5 +21,13 @@ "main": "dist/assets/lib.js", | ||
}, | ||
"repository": "git@github.com:blackbing/react-taggable-input.git", | ||
"repository": { | ||
"type": "git", | ||
"url": "git@github.com:blackbing/react-taggable-input.git" | ||
}, | ||
"homepage": "https://github.com/blackbing/react-taggable-input", | ||
"bugs": { | ||
"url": "https://github.com/blackbing/react-taggable-input/issues" | ||
}, | ||
"keywords": ["react", "react-component", "taggable-input", "react-tagglble-input", "mention", "tag"], | ||
"author": "blackbing@gmail.com", | ||
"author": "Bingo Yang <blackbing@gmail.com>", | ||
"license": "MIT", | ||
"devDependencies": { | ||
@@ -26,0 +34,0 @@ "babel-core": "^6.0.0", |
# react-taggable-input | ||
tag or mention in input element when keydown # or @ or any other character. | ||
[![react-taggable-input](http://bingo.d.pr/LG6X.gif)](http://bingo.d.pr/LG6X.gif) | ||
# Install | ||
``` | ||
npm i react-taggable-input | ||
``` | ||
# Usage | ||
```js | ||
<TaggableInput | ||
ref={ (input) => (this.input = input) } | ||
disabled={ this.props.disabled } | ||
defaultValue={ defaultValue } | ||
className="submit-input" | ||
placeHolder="輸入 #" | ||
trigger="##" | ||
maxLength={ 100 } | ||
onKeyDown={ this.handleKeyDown } | ||
onTrigger={ this.handleTrigger } | ||
onTriggerKeyUp={ this.handleTriggerKeyUp } | ||
onChange={ this.handleChange } | ||
onSubmit={ this.handleSubmit } | ||
/> | ||
``` | ||
# props | ||
``` | ||
trigger: PropTypes.string.isRequired, | ||
disabled: PropTypes.bool, | ||
className: PropTypes.string, | ||
defaultValue: PropTypes.string, | ||
placeHolder: PropTypes.string, | ||
maxLength: PropTypes.number, | ||
onKeyDown: PropTypes.func, | ||
onTrigger: PropTypes.func, | ||
onTriggerKeyUp: PropTypes.func, | ||
onChange: PropTypes.func, | ||
onSubmit: PropTypes.func, | ||
``` | ||
# More Detail | ||
please checkout [Main.js](https://github.com/blackbing/react-taggable-input/blob/master/src/components/Main.js) if you want to see more detail. |
No bug tracker
MaintenancePackage does not have a linked bug tracker in package.json.
Found 1 instance in 1 package
No repository
Supply chain riskPackage does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.
Found 1 instance in 1 package
No website
QualityPackage does not have a website.
Found 1 instance in 1 package
2397262
1
2
51
5