Button
Basic example
<vscode-button>Button</vscode-button>
Secondary button
<vscode-button secondary>Secondary button</vscode-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">
<vscode-button icon="account" icon-after="chevron-right">Icons</vscode-button>
Customized styles
Styles can be tweaked.
<vscode-button class="settings-button-example">Add item</vscode-button><vscode-button class="scm-button-example" icon="check">Commit</vscode-button>
.settings-button-example { line-height: 18px; padding: 2px 14px;}
.scm-button-example { line-height: 26px; width: 179px;}