HotKeyPad class

new HotKeyPad(options?: HotKeyPadOptionsProps)

import HotKeyPad from 'hotkeypad';

const hotkeypad = new HotKeyPad({
  placeholder: 'Search commands...',
  activationLetter: 'K',
  closeKey: 'Escape',
  emptyMessage: 'No commands available'
});

setCommands(commands: HotKeyPadCommand[]): void

hotkeypad.setCommands([
  {
    id: 'new-file',
    title: 'Create new file',
    icon: 'file',
    hotkey: 'Cmd+N',
    section: 'File',
    handler: (instance) => {
      console.log('Creating new file...');
    }
  },
  {
    id: 'save',
    title: 'Save file',
    icon: 'save',
    hotkey: 'Cmd+S',
    section: 'File',
    handler: (instance) => {
      console.log('Saving file...');
    }
  }
]);

open(): void

// Open programmatically
hotkeypad.open();

// Listen for open events
window.addEventListener('hotkeypad:open', () => {
  console.log('Command palette opened');
});

close(): void

// Close programmatically
hotkeypad.close();

// Listen for close events
window.addEventListener('hotkeypad:close', () => {
  console.log('Command palette closed');
});

get activationKey(): string

const key = hotkeypad.activationKey;
console.log(key); // "Cmd" on macOS, "Ctrl" on Windows/Linux

// Use it in your UI
const shortcut = `${hotkeypad.activationKey}+K`;

instance: HTMLElement