Skip to content
Xng UI
Docs CDK Components Tools Contribute About

Key manager

@xngui/cdk/key-manager
@xngui/cdk/key-manager

List keyboard navigation — roving / active-descendant.

Preview

Active descendant

Index -1 · activated —

Alpha
Beta
Gamma disabled
Delta
  • Γåæ ΓåôMove active item
  • Home / EndFirst / last
  • Enter / SpaceActivate
  • EscapeBlur list and clear active index
  • TypeTypeahead jump
import { XListKeyManager } from '@xngui/cdk/key-manager';
 
const keyManager = new XListKeyManager().withWrap().withTypeahead().withActiveDescendant()
.setItems(items);
 
keyManager.onKeydown(event);
// Active index → -1

Events

Interact with the preview — events will appear here.