Hotkey Recorder

A field that records a keyboard shortcut.

$149 once · every Pro piece

Customize

Allow single keys

Reset defaults

Hold any keys together, modifiers, letters and numbers, and the chord is set when you let go; conflicts and system-reserved shortcuts are refused with a shake.

Install

npx shadcn@latest add @obsyde/hotkey-recorder

Needs your licence key · Get Pro

Usage

Import it from where the CLI puts it, or copy the files below by hand.

import { HotkeyRecorder } from '@/components/obsyde/ember/hotkey-recorder/HotkeyRecorder';

export function Example() {
  return (
    <HotkeyRecorder />
  );
}

Files

What you get with Pro: plain React, TypeScript and CSS, with no dependencies.

ember/hotkey-recorder/HotkeyRecorder.tsxcomponent
ember/hotkey-recorder/hotkey-recorder.cssstyles
ember/hotkey-recorder/HotkeyRecorderDemo.tsxdemo
ember/tactile-kit/kit.tsshared
ember/shared/accent.tsshared
ember/shared/spring.tsshared
ember/kit2-kit/kit.tsshared
ember/kbd/kbd.cssshared
ember/kbd/Kbd.tsxshared
ember/shared/ember.cssshared

API

Prop	Type	Default
`accent`Accent	`'ember' \| 'volt' \| 'arc'`	`'ember'`
`allowSingle`Allow single keys	`boolean`	`false`
`showReset`Reset defaults	`boolean`	`true`