@jojovms/react-ninja-keys 🥷

React wrapper for @jojovms/ninja-keys-core.

Installation

npm install @jojovms/react-ninja-keys

Usage

import { NinjaKeys } from '@jojovms/react-ninja-keys';
import { useRef } from 'react';

function App() {
  const ninjaRef = useRef(null);

  const actions = [
    { id: '1', title: 'Action 1', handler: () => alert('Action 1') }
  ];

  return (
    <>
      <button onClick={() => ninjaRef.current.toggle()}>Open Cmd+K</button>
      
      <NinjaKeys 
        ref={ninjaRef}
        actions={actions}
        theme="dark"
        hotkey="k"
      />
    </>
  );
}