react-shortcut-lib

React hook e componente simples para lidar com atalhos de teclado em elementos específicos ou globalmente.

Instalação

npm install react-shortcut-lib

Uso rápido

import { Shortcut, useGlobalShortcut } from "react-shortcut-lib";

function Example() {
  useGlobalShortcut(
    ["/", "?"],
    (key) => {
      console.log("Atalho global", key);
    },
    { preventDefault: true }
  );

  return (
    <Shortcut keys="Enter" onKey={(key) => console.log("Elemento", key)}>
      <input placeholder="Pressione Enter" />
    </Shortcut>
  );
}

Opções disponíveis

• debounce: atraso em ms antes de disparar o callback.
• preventDefault: chama event.preventDefault() ao acionar o atalho.
• include: lista de seletores CSS que precisam corresponder ao alvo do evento.
• exclude: lista de seletores CSS que bloqueiam o atalho.