Keyboard Map Overlay

Карта горячих клавиш экрана: поиск, клавиатура и режим тренировки. Pro · Навигация и каркас › Меню и команды

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add keyboard-map-overlay

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { KeyboardMapOverlay } from 'valyro-ui-pro';

Prop	Type	Default
`shortcuts` *	`KeyboardShortcut[]`		Shortcuts of the current screen.
`open`	`boolean`		The map is open (dialog mode).
`defaultOpen`	`boolean`	`false`	Initial state when uncontrolled. Default false.
`onOpenChange`	`(open: boolean) => void`		Called when the map opens or closes.
`trigger`	`string \| null`	`'?'`	Key that opens the map anywhere on the page, outside text fields; `null` turns it off. Default "?".
`inline`	`boolean`	`false`	Render in place (a help page) instead of a dialog.
`learned`	`string[]`		Ids of shortcuts the person has practised.
`defaultLearned`	`string[]`	`EMPTY`	Initial learned ids when uncontrolled.
`onLearnedChange`	`(learned: string[]) => void`		Called when a practised shortcut is pressed for the first time.
`title`	`ReactNode`		Heading. Default: `labels.title`.
`labels`	`Partial<KeyboardMapOverlayLabels>`		Overrides for the built-in English text; keys left out keep their defaults.