Skip to content

Badge

Explanation of badge styles

The following badge styles have been implemented based on the VSCode UI:

  1. Default style
  2. Activity bar counter
  3. Counter
  4. Tab bar counter
Visual explanation of various badge styles

Default style

308 Settings Found
<vscode-badge>308 Settings Found</vscode-badge>

Counter

42
<vscode-badge variant="counter">42</vscode-badge>

Activity bar counter

42
<vscode-badge variant="activity-bar-counter">42</vscode-badge>

Tab header counter

42
<vscode-badge variant="tab-header-counter">42</vscode-badge>