Action Button

• Docs
• Configurator

Buttons placed on a toolbar with or without label.

Basic example

<button type="button" class="vscode-action-button" title="File">
  <i class="codicon codicon-file" aria-hidden="true"></i>
</button>

With label

Markdown

<button type="button" class="vscode-action-button">
  <i class="codicon codicon-plus" aria-hidden="true"></i>
  <span class="label">Markdown</span>
</button>

Disabled state

<button type="button" class="vscode-action-button" title="File" disabled>
  <i class="codicon codicon-file" aria-hidden="true"></i>
</button>