Skip to main content

KeyboardShortcutTooltip

Use the KeyboardShortcutTooltip component to display a keyboard shortcut inside a tooltip.

OverviewPropertiesUsage

When to use​

  • To make it easy for users to discover important keyboards shortcuts.

When not to use​

  • For every action that has a keyboard shortcut. Use sparingly.
  • For all other tooltip types, use Tooltip.

Content guidelines​

KeyboardShortcutTooltip anatomy light mode KeyboardShortcutTooltip anatomy dark mode

  1. Trigger (required)
  2. Label (optional)
  3. Keyboard shortcut (required)

General guidelines​

  • If you add an optional label, make it short and consistent with commonly used labels. For example: Search, Save, Copy, Paste, Undo, Code, DQL.
Still have questions?
Find answers in the Dynatrace Community