How to create a custom dialog in VSCode?

Question

I'm developing an extension for VSCode, and I want to display a custom dialog to help the user configure an ini file.

Is it possible to create a custom dialog with labels and inputs?

Answer 1

You cannot create new UI elements, but if you want to get inputs from the user you can use code like below:

let options: InputBoxOptions = {
    prompt: "Label: ",
    placeHolder: "(placeholder)"
}

window.showInputBox(options).then(value => {
    if (!value) return;
    answer1 = value;
    // show the next dialog, etc.
});

This will use the same UI as the command palette (when you press Ctrl+P, or any of the other commands that open the input box at the top).