'How to create a new panel section in Visual Studio Code using extension

How can I create a panel section like the one that Gitlens has (see the screenshot below)? I've looked over the documentation and the Github examples presented here and I could not find anything on how to create this.

I want to have a button there next to TERMINAL and when I press on it to present a webview.

visual-studio-code vscode-extensions

Solution 1:^[1]

I have managed to do this by creating a viewContainer in the contributes object.

"viewsContainers": {
            "panel": [
                {
                    "id": "myPanel",
                    "title": "Colors",
                    "icon": "images/views/history.svg"
                }
            ]
        },

and then I create a view that uses the viewContainer.

    "contributes": {
        "views": {
            "myPanel": [
                {
                    "type": "webview",
                    "id": "calicoColors.colorsView",
                    "name": "Calico Colors"
                }
            ]
        },

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	vbgd

'How to create a new panel section in Visual Studio Code using extension

Solution 1:[1]

Sources

Related Questions

Solution 1:^[1]