I have a monaco-react editor. How can i programatically bring a line in visibility and change the line's background color?

[mushahidkhan835]

I have a monaco-react editor. How can i programatically bring a line in visibility and change the line's background color?

[Rahul5546-X]

@mushahidkhan835 To bring a range in center you can use methods on editor like revealRangeInCenter

Something like this

editorRef.current!.revealRangeInCenter(selection, monacoRef.current!.editor.ScrollType.Smooth);

Take a look at these options, they might help you

https://microsoft.github.io/monaco-editor/typedoc/interfaces/editor.IEditor.html

To change the line's background I think you have to create a customTheme using defineTheme and setTheme or you can apply line decorations(it'll be more easy then creating a custom theme).