react-focus-onkeydown

react-focus-onkeydown

React higher order component for getting focus of a component when a key is pressed anywhere in the page

Live demo

You can see the simplest demo here: Live demo

Install

$ npm install --save react-focus-onkeydown

Usage

import React, { propTypes } from 'react';
import focusOnKeyDown from 'react-focus-onkeydown';

const EnhancedInput = focusOnKeyDown("input");
const () => (
  // Typing any key will trigger aa focus on the input below
  <EnhancedInput />
)

Props

focusOnKeyDown

Type: boolean, default: true

Activates or deactivates focus feature

TODO

• Improve examples

License

See the LICENSE file for license rights and limitations (MIT).