Skip to content
VSCode Elements

Tabs

Tag name: <vscode-tabs>

Properties

panelreflects
Namepanel
Attributepanel
Type

boolean

Default

false

Description

Panel-like look

selectedIndexreflects
NameselectedIndex
Attributeselected-index
Type

number

Default

0

versionreadonly
Nameversion
Type

string

Description

VSCode Elements version

Events

vsc-tabs-select
Namevsc-tabs-select
TypeVscTabSelectEvent
Description

Dispatched when the active tab is changed

Slots

default/unnamed
Description

Default slot. It is used for tab panels.

addons
Description

Right aligned area in the header.

header
Description

Slot for tab headers.

CSS Custom Properties

--vscode-font-family
Name--vscode-font-family
Default valuesans-serif
--vscode-font-size
Name--vscode-font-size
Default value13px
--vscode-font-weight
Name--vscode-font-weight
Default valuenormal
--vscode-panel-background
Name--vscode-panel-background
Default value#181818
--vscode-settings-headerBorder
Name--vscode-settings-headerBorder
Default value#2b2b2b