v0.4.0
Highlights
Digit Placeholders
Define hotkeys with \d (single digit) or \d+ (multiple digits) patterns:
useAction('nav:row', {
label: 'Go to row N',
defaultBindings: ['\\d+ g'], // e.g., "42 g" goes to row 42
handler: (e, captures) => goToRow(captures?.[0] ?? 1),
})LookupModal
New <LookupModal> component for browsing and executing shortcuts (⌘⇧K by default). Filter shortcuts as you type, execute with Enter.
Kbd Component Improvements
- Clickable by default (executes the action)
<Key>alias for display-only rendering- SVG icons for arrow keys, enter, backspace, and modifiers
formatBinding()utility for custom rendering
Demo Site
Live demos at kbd.rbw.sh:
- Data Table: Vim-style navigation, numeric multipliers (
5j= down 5 rows) - Canvas: Drawing tools with hotkeys, undo/redo
- Calendar: Date navigation with
h/j/k/l
Other Changes
sequenceTimeout: 0for immediate single-key mode (no sequences)sequenceTimeout: Infinity(new default) - no auto-timeout- CSS custom properties for theming (
--kbd-bg,--kbd-accent, etc.) - React 19 compatibility
- E2E tests with Playwright
- Comprehensive JSDoc documentation
Full Changelog: v0.3.0...v0.4.0