Skip to main content

usage

    title: Usage coveoSearchTitle: KeyboardShortcutTooltip - Usage description: Learn how to use the KeyboardShortcutTooltip component stratoDocTabTitle: Usage sidebar_position: 3 pagination_next: null pagination_prev: null

    KeyboardShortcutTooltip

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

    OverviewProperties

    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