Modify Autocomplete Html

v6
1

I want to modify the autocomplete completion info panel that appears and change the contents/styling. I know I can override the css styling with a custom theme applied, but how do I change the actual contents?

Currently you can provide a long text with “info”, but I want to actually provide divs and other formatting to the panel to appear a certain way.

It looks like you can provide a function to render a dom structure, are there examples of how to do this?

https://codemirror.net/6/docs/ref/#autocomplete.Completion.info

2

You can use the addToOptions option to render additional content for each completion, and if necessary, you can add extra properties to your completions for that to read.