Skip to content

Button

Basic example

Button
<vscode-button>Button</vscode-button>

Secondary button

Secondary button
<vscode-button secondary>Secondary button</vscode-button>

Disabled button

Disabled button
<vscode-button disabled>Disabled button</vscode-button>

Icons

To use the icons, the codicons.css file must be included in the page:

<link rel="stylesheet" href="path/to/codicon.css" id="vscode-codicon-stylesheet">
Icons
<vscode-button icon="account" icon-after="chevron-right">Icons</vscode-button>

Customized styles

Styles can be tweaked.

Add item Commit
<vscode-button class="settings-button-example">Add item</vscode-button>
<vscode-button class="scm-button-example" icon="check">Commit</vscode-button>