TanStack
Hotkeys API Reference

HotkeyRegistrationsController

Defined in: controllers/hotkey-registrations.ts:25

A Lit ReactiveController that reads every hotkey registration, chords and sequences, from the singleton HotkeyManager and requests an update when they change. Narrow each view with kind.

Example

ts
class ShortcutPalette extends LitElement {
  private registrations = new HotkeyRegistrationsController(this)

  render() {
    return html`<ul>
      ${this.registrations.hotkeys.map(
        (reg) => html`<li>${reg.options.meta?.name}: ${formatForDisplay(reg.hotkey)}</li>`,
      )}
    </ul>`
  }
}

Implements

  • ReactiveController

Constructors

Constructor

ts
new HotkeyRegistrationsController(_host): HotkeyRegistrationsController;

Defined in: controllers/hotkey-registrations.ts:34

Parameters

_host

ReactiveControllerHost

Returns

HotkeyRegistrationsController

Accessors

hotkeys

Get Signature

ts
get hotkeys(): HotkeyRegistrationView[];

Defined in: controllers/hotkey-registrations.ts:30

Every registration, chords and sequences (public view, no callbacks).

Returns

HotkeyRegistrationView[]

Methods

hostConnected()

ts
hostConnected(): void;

Defined in: controllers/hotkey-registrations.ts:38

Called when the host is connected to the component tree. For custom element hosts, this corresponds to the connectedCallback() lifecycle, which is only called when the component is connected to the document.

Returns

void

Implementation of

ts
ReactiveController.hostConnected

hostDisconnected()

ts
hostDisconnected(): void;

Defined in: controllers/hotkey-registrations.ts:52

Called when the host is disconnected from the component tree. For custom element hosts, this corresponds to the disconnectedCallback() lifecycle, which is called the host or an ancestor component is disconnected from the document.

Returns

void

Implementation of

ts
ReactiveController.hostDisconnected