Skip to main content

gentleduck shortcut

Deprecated React hook package for keyboard shortcuts and key sequences.

Philosophy

@gentleduck/shortcut gives a minimal hook API for keyboard interactions without forcing a full command framework. Use it for focused shortcut handling in app-level or feature-level components.

Installation

npm install @gentleduck/shortcut mousetrap
npm install @gentleduck/shortcut mousetrap

Usage

import { useDuckShortcut } from '@gentleduck/shortcut'
 
export function EditorShortcuts() {
  useDuckShortcut({
    keys: ['ctrl+s', 'command+s'],
    onKeysPressed: () => {
      console.log('Save triggered')
    },
  })
 
  return null
}
import { useDuckShortcut } from '@gentleduck/shortcut'
 
export function EditorShortcuts() {
  useDuckShortcut({
    keys: ['ctrl+s', 'command+s'],
    onKeysPressed: () => {
      console.log('Save triggered')
    },
  })
 
  return null
}

API Reference

useDuckShortcut({ keys, onKeysPressed })

  • keys: string | string[] for key combinations or sequences.
  • onKeysPressed: callback fired when a configured shortcut matches.

Notes

  • Supports both combinations (ctrl+s) and sequences (up up down down ...).
  • Key matching is case-insensitive.
  • Works with multiple hook instances in the same app.