Skip to content

ButtonGroup

Tag name: <vscode-button-group>

Shows a split button, including several components in a single button. Commonly used to show a button with a dropdown to the right.

Properties

versionreadonly
Nameversion
Type

string

Description

VSCode Elements version

CSS Custom Properties

--vscode-button-background
Name--vscode-button-background
Default value#0078d4
--vscode-button-border
Name--vscode-button-border
Default valuevar(--vscode-button-background, rgba(255, 255, 255, 0.07))
--vscode-button-foreground
Name--vscode-button-foreground
Default value#ffffff
--vscode-button-hoverBackground
Name--vscode-button-hoverBackground
Default value#026ec1
--vscode-button-secondaryBackground
Name--vscode-button-secondaryBackground
Default value#313131
--vscode-button-secondaryForeground
Name--vscode-button-secondaryForeground
Default value#cccccc
--vscode-button-secondaryHoverBackground
Name--vscode-button-secondaryHoverBackground
Default value#3c3c3c
--vscode-focusBorder
Name--vscode-focusBorder
Default value#0078d4
--vscode-font-family
Name--vscode-font-family
Default valuesans-serif
Description

A sans-serif font type depends on the host OS.

--vscode-font-size
Name--vscode-font-size
Default value13px
--vscode-font-weight
Name--vscode-font-weight
Default valuenormal