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 and show you the name of the parameter from the function definition.
Return type hints for chained methods are inferred from a JSDoc comment or based on the static analysis of your code. Return type hints are by default shown for chained methods that are split between multiple lines and return at least 2 different types.
Type annotations show a variable type or a function return type next to their definition. Type annotations are inferred from JSDoc comments or static analysis of your code.
URL path inlay hints appear at URL mappings and allow you to quickly access the related actions.
In inlay hints settings you can configure which types of information you want to get in hints.
Enable inlay hints
Open the Settings/Preferences dialog (Ctrl+Alt+S), go to , and select the checkboxes next to the languages, technologies, and contexts for which you want WebStorm to show inlay hints.
Change inlay hints appearance
In the Settings/Preferences dialog (Ctrl+Alt+S), go to , then select Inline hints.
Select the inlay hint type and state, and configure the font color and effects as required.