Skip to main content

KeyboardShortcutsPanel

from v9.3

KeyboardShortcutsPanel renders a read-only keyboard-shortcuts panel that can be embedded inside a modal, sidebar, or info box.

Usage​

Use KeyboardShortcutsPanel when the shortcuts reference should live inside an existing panel layout.

import {
  KeyboardShortcutsPanel,
  type KeyboardShortcutsPanelProps
} from '@deck.gl-community/panels';

Props​

type KeyboardShortcutsPanelProps = {
  keyboardShortcuts?: KeyboardShortcut[];
  theme?: 'inherit' | 'light' | 'dark' | 'invert';
};

Remarks​

  • Uses the built-in keyboard shortcut list renderer from the keyboard widget.
  • Defaults to an id of keyboard-shortcuts and a title of Keyboard Shortcuts.
  • Works as a plain panel, so it can be combined with tabbed, column, or accordion layouts.