\n );\n }\n}\n\nconst appRoot = document.createElement('div');\ndocument.body.appendChild(appRoot);\nReactDOM.render(, appRoot);\n```\n\n## Options\n\n### `element` : PropTypes.string or React.PropTypes.func (default: \"input\")\n\nYou can specify element=\"textarea\". For Example:\n\n```js\n\n```\n\nWill result in\n\n```js\n\n```\n\nNote: when rendering a `` you may wish to set `forceNotifyByEnter = {false}` so the user can make new lines without forcing notification of the current value.\n\nThis package has only been tested with `` and `` but should work with any element which has `value` and `onChange` props.\n\nYou can also use a custom react component as the element. For Example:\n\n```js\n\n```\n\nWill result in\n\n```js\n\n```\n\n### `onChange`: PropTypes.func.isRequired\n\nFunction called when value is changed (debounced) with original event passed through\n\n\n### `value`: PropTypes.string\n\nValue of the Input box. Can be omitted, so component works as usual non-controlled input.\n\n\n### `minLength`: PropTypes.number (default: 0)\n\nMinimal length of text to start notify, if value becomes shorter then `minLength` (after removing some characters), there will be a notification with empty value `''`.\n\n\n### `debounceTimeout`: PropTypes.number (default: 100)\n\nNotification debounce timeout in ms. If set to `-1`, disables automatic notification completely. Notification will only happen by pressing `Enter` then.\n\n\n### `forceNotifyByEnter`: PropTypes.bool (default: true)\n\nNotification of current value will be sent immediately by hitting `Enter` key. Enabled by-default. Notification value follows the same rule as with debounced notification, so if Length is less, then `minLength` - empty value `''` will be sent back.\n\n*NOTE* if `onKeyDown` callback prop was present, it will be still invoked transparently.\n\n### `forceNotifyOnBlur`: PropTypes.bool (default: true)\n\nSame as `forceNotifyByEnter`, but notification will be sent when focus leaves the input field.\n\n### `inputRef`: PropTypes.func (default: undefined)\n\nWill pass `ref={inputRef}` to generated input element. We needed to rename `ref` to `inputRef` since `ref` is a special prop in React and cannot be passed to children. \n\nSee [./example/Ref.js](./example/Ref.js) for usage example.\n\n### Arbitrary props will be transferred to rendered ``\n\n```js\n this.setState({value: event.target.value})}\n placeholder=\"Name\"\n className=\"user-name\" />\n```\n\nWill result in\n\n```js\n\n```\n\n## Typescript\n\nThis library has typescript typings, import them the same way as in javascript:\n\n```typescript\nimport {DebounceInput} from 'react-debounce-input';\n```\n\nAlso there are helper types `DebounceTextArea` and `Debounced` to provide strict interfaces for wrapping components different from standard ``. Check usage examples in `example/typescript-example.tsx`.\n\n\n*NOTE* library author is not using Typescript, so if you are using typings and found an issue, please submit a PR with fix. Thanks @iyegoroff for the initial TS support!\n\n\n## Development and testing\n\nCurrently is being developed and tested with the latest stable `Node` on `OSX`.\n\nTo run example covering all `DebounceInput` features, use `yarn start`, which will compile `example/Example.js`\n\n```bash\ngit clone git@github.com:nkbt/react-debounce-input.git\ncd react-debounce-input\nyarn install\nyarn start\n\n# then\nopen http://localhost:8080\n```\n\n## Tests\n\n```bash\n# to run ESLint check\nyarn lint\n\n# to run tests\nyarn test\n```\n\n## License\n\nMIT\n","maintainers":[{"name":"nkbt","email":"nik@butenko.me"}],"time":{"modified":"2022-06-25T19:54:31.824Z","created":"2015-09-03T02:25:52.489Z","1.0.0":"2015-09-03T02:25:52.489Z","1.0.1":"2015-09-03T03:25:45.521Z","1.0.2":"2015-09-16T11:55:50.793Z","1.1.0":"2015-09-18T01:46:27.470Z","1.1.1":"2015-09-18T01:57:27.414Z","1.1.2":"2015-09-27T14:21:56.844Z","1.1.3":"2015-10-03T15:28:06.923Z","1.1.4":"2015-10-09T13:19:17.781Z","1.2.0":"2015-10-20T07:56:41.060Z","2.0.0":"2015-12-12T11:43:35.910Z","2.0.1":"2015-12-12T12:15:43.035Z","2.0.2":"2015-12-12T13:56:02.699Z","2.1.0":"2016-01-29T12:11:28.781Z","2.2.0":"2016-02-01T11:38:59.911Z","2.3.0":"2016-05-06T06:19:54.395Z","2.3.1":"2016-05-23T12:20:31.475Z","2.3.2":"2016-05-24T22:16:23.404Z","2.4.0":"2016-06-09T14:28:57.692Z","2.4.1":"2016-11-07T23:44:51.594Z","2.4.2":"2016-11-18T23:19:28.185Z","3.0.0":"2017-04-26T11:53:35.663Z","3.0.1":"2017-08-03T00:20:01.850Z","3.1.0":"2017-09-30T13:21:58.671Z","3.2.0":"2018-02-04T01:35:50.457Z","3.2.1":"2019-10-17T02:00:09.629Z","3.2.2":"2019-10-17T02:24:09.793Z","3.2.3":"2020-10-30T10:17:13.887Z","3.2.4":"2021-07-20T02:09:08.027Z","3.2.5":"2021-08-17T13:28:28.808Z","3.3.0":"2022-06-06T00:41:16.678Z"},"homepage":"https://github.com/nkbt/react-debounce-input","keywords":["component","react-component","react","input","debounce","throttle"],"repository":{"type":"git","url":"git+https://github.com/nkbt/react-debounce-input.git"},"author":{"name":"Nik Butenko","email":"nik@butenko.me","url":"https://butenko.me"},"bugs":{"url":"https://github.com/nkbt/react-debounce-input/issues"},"license":"MIT","readmeFilename":"README.md","users":{"zillding":true,"tsyue":true,"kvangrae":true,"sherylhohman":true,"kvrao":true}}