soorajshankar / react-keyboard-listener

Keyboard event listener component for react js applications.

react-keyboard-listener

Keyboard event listener component for react js applications.

Install

npm install --save react-keyboard-listener

Usage

import React, { Component } from "react";

import KeyboardListener from "react-keyboard-listener";

class MyComponent extends Component {
  onkeyDown = keyEvent => console.log(keyEvent);
  render() {
    return (
      <KeyboardListener onKeyDown={this.onKeyDown}>
        <span>Add your components here.</span>
      </KeyboardListener>
    );
  }
}

Example Project

https://github.com/soorajshankar/react-keyslistener/tree/master/example

Demo

https://soorajshankar.github.io/react-keyboard-listener/

License

MIT © Sooraj Sanker