tanstack-hotkeys

TanStack Hotkeys

Type-safe keyboard shortcut guidance for registration, sequences, scopes, recording, key state, display, and adapters.

Confirm behavior across target keyboard layouts and operating systems.

Workflow

1. Inspect installed TanStack packages and exact versions.
2. Read the foundation reference and the adapter reference for the detected framework.
3. Topic references are indexes. Choose one guide or section for the task; follow its prerequisite links only when needed.
4. Prefer installed package types and version-matched source guidance over memory.
5. Preserve headless/core behavior when translating examples to a framework adapter.

Task routing

• alpine adapter — alpine-specific setup and behavior from official release documentation.
• ember adapter — ember-specific setup and behavior from official release documentation.
• octane adapter — octane-specific setup and behavior from official release documentation.
• Foundations — Overview, installation, and devtools.
• React adapter — React-specific setup and behavior.
• Preact adapter — Preact-specific setup and behavior.
• Solid adapter — Solid-specific setup and behavior.
• Svelte adapter — Svelte-specific setup and behavior.
• Vue adapter — Vue-specific setup and behavior.
• Angular adapter — Angular-specific setup and behavior.
• Lit adapter — Lit-specific setup and behavior.

Framework routing

• Vanilla — detect @tanstack/hotkeys. Read Foundations. Shared guidance; check adapter-specific differences.
• Alpine — detect @tanstack/alpine-hotkeys. Read alpine adapter.
• Angular — detect @tanstack/angular-hotkeys. Read Angular adapter.
• Ember — detect @tanstack/ember-hotkeys. Read ember adapter.
• Lit — detect @tanstack/lit-hotkeys. Read Lit adapter.
• Octane — detect @tanstack/octane-hotkeys. Read octane adapter.
• Preact — detect @tanstack/preact-hotkeys. Read Preact adapter.
• React — detect @tanstack/react-hotkeys. Read React adapter.
• Solid — detect @tanstack/solid-hotkeys. Read Solid adapter.
• Svelte — detect @tanstack/svelte-hotkeys. Read Svelte adapter.
• Vue — detect @tanstack/vue-hotkeys. Read Vue adapter.

Product boundaries

Use these separate product skills when the task crosses their boundary: tanstack-devtools.

Source status

Official documentation from TanStack/hotkeys, matched to these verified release inputs: @tanstack/hotkeys@0.11.0.

See source provenance for exact upstream inputs and deduplication records.