Monaco: How to add inline autocomplete/code suggestion?

user_7023860 0
Viewed 830

I couldn't find any examples on how to add inline autocomplete like the images below? Can someone guide me on how to do this in monaco?

enter image description here

enter image description here

monaco-editor visual-studio-code javascript
1 Answers

This can be enabled in v1.66 (it is in the Insiders now):

The editor.quickSuggestions setting now accepts inline as configuration value. When set to inline, quick suggestions (IntelliSense) don't display the suggestions widget when you type but show completions as ghosted text.

See v1.66 release notes: inline quick suggestions

In your settings:

  "editor.quickSuggestions": {
    "other": "inline", // the `inline` value is new
    "comments": true,
    "strings": true
  }

With this setting the suggestions will appear inline rather than as a pop-up.

getting the suggestions inline

user_8363300
Related