use-tinykeys
TypeScript icon, indicating that this package has built-in type declarations

0.0.2 • Public • Published

use-tinykeys

react hooks for tinykeys

Install

pnpm add use-tinykeys
// or
yarn add use-tinykeys
// or
npm i use-tinykeys

Usage

Keybinding

import useTinykeys from 'use-tinykeys';

function App() {
  useTinykeys({
    'Shift+D': () => {
      alert("The 'Shift' and 'd' keys were pressed at the same time");
    },
    'y e e t': () => {
      alert("The keys 'y', 'e', 'e', and 't' were pressed in order");
    },
    '$mod+KeyD': (event) => {
      event.preventDefault();
      alert("Either 'Control+d' or 'Meta+d' were pressed");
    },
  });

  return (
    // ...
  );
}

Access Tinykeys

import {
  createKeybindingsHandler,
  KeyBindingHandlerOptions,
} from 'use-tinykeys';

Readme

Keywords

Package Sidebar

Install

npm i use-tinykeys

Weekly Downloads

2

Version

0.0.2

License

MIT

Unpacked Size

7.87 kB

Total Files

6

Last publish

Collaborators

  • kaichi