react-global-key-down

React Hook window keydown

Usage no npm install needed!

<script type="module">
  import reactGlobalKeyDown from 'https://cdn.skypack.dev/react-global-key-down';
</script>

README

react-global-key-down

A simple package to bind keys on components.

Setup

yarn add react-global-key-down

OR

npm install --save react-global-key-down

Example

import React from 'react'
import useGlobalKeyDown from 'use-global-key-down'

const App = () => {
  const [hidden, setHidden] = useState(false)

  useGlobalKeyDown(() => {
    setHidden(true)
  }, 'Esc')

  return <div>{hidden && <div> Press ESC to hide</div>}</div>
}

export default App