react-keyboard-listener

Keyboard event listener component for react js applications.

Usage no npm install needed!

<script type="module">
  import reactKeyboardListener from 'https://cdn.skypack.dev/react-keyboard-listener';
</script>

README

react-keyboard-listener

Keyboard event listener component for react js applications.

NPM JavaScript Style Guide

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