Grid key manager
@xngui/cdk/grid-key-manager@xngui/cdk/grid-key-manager2D keyboard navigation for grids and calendars.
Preview
Grid focus
Cell 0 · activated —
- ↑ ↓ ← →Move between cells
- Home / EndRow start / end
- PgUp / PgDnPage vertically
- Enter / SpaceActivate cell
- EscapeBlur grid and clear active index
import { XGridKeyManager } from '@xngui/cdk/grid-key-manager';
const grid = new XGridKeyManager({ columns: 7 })
.setItems(cells);
grid.onKeydown(event);
// Active index → -1
Events
Interact with the preview — events will appear here.