New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

react-taggable-input

Package Overview
Dependencies
Maintainers
1
Versions
5
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-taggable-input - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

14

package.json
{
"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.
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc