Badge
Tag name: <vscode-badge>
Show counts or status information. Badges can also be used within Textfield and TabHeader components.
Properties
variantreflects
| Name | variant |
|---|---|
| Attribute | variant |
| Type |
|
| Default |
|
versionreadonly
| Name | version |
|---|---|
| Type |
|
| Description | VSCode Elements version |
CSS Custom Properties
--vscode-activityBarBadge-background
| Name | --vscode-activityBarBadge-background |
|---|---|
| Default value | #0078d4 |
| Description | activity bar variant background color |
--vscode-activityBarBadge-foreground
| Name | --vscode-activityBarBadge-foreground |
|---|---|
| Default value | #ffffff |
| Description | activity bar variant foreground color |
--vscode-badge-background
| Name | --vscode-badge-background |
|---|---|
| Default value | #616161 |
| Description | default and counter variant background color |
--vscode-badge-foreground
| Name | --vscode-badge-foreground |
|---|---|
| Default value | #f8f8f8 |
| Description | default and counter variant foreground color |
--vscode-contrastBorder
| Name | --vscode-contrastBorder |
|---|---|
| Default value | transparent |
--vscode-font-family
| Name | --vscode-font-family |
|---|---|
| Default value | sans-serif |
| Description | A sans-serif font type depends on the host OS. |