WebStorm 2021.1 Help

Inlay Hints

Inlay hints appear in the editor and provide you with additional information about your code to make it easier to read.

  • Parameter hints appear next to a parameter in a function call show you the name of the parameter from the function definition.

    Parameter hints in JavaScript
  • Return type hints are by default shown for chained methods that are split between multiple lines and return at least 2 different types. The type information is inferred from a JSDoc comment or based on the static analysis of your code.

    Return types for chained methods
  • Type hints show a variable type or a function return type next to their definition. Type hints look very much like type annotations in TypeScript.

    Type hints in JavaScript

In inlay hints settings you can configure which types of information you want to get in hints.

Change inlay hints appearance

  1. In the Settings/Preferences dialog Ctrl+Alt+S, go to Editor | Color Scheme | Language Defaults, then select Inline hints.

  2. Select the inlay hint type and state, and configure the font, color, and effects as required.

Last modified: 24 March 2021