SplitLayout

• Docs
• API

Tag name: <vscode-split-layout>

Properties

fixedPane

Name	fixedPane
Attribute	fixed-pane
Type	'start' | 'end' | 'none'
Description	The size of the fixed pane will not change when the component is resized.

handlePosition

Name	handlePosition
Attribute	handle-position
Type	string | undefined
Description	Set the handle position programmatically. The value must include a unit, either % or px. If no unit is specified, the value is interpreted as px.

handleSizereflects

Name	handleSize
Attribute	handle-size
Type	number
Default	4
Description	Controls the draggable area size in pixels. it is intended to use the value of workbench.sash.size.

initialHandlePositionreflects

Name	initialHandlePosition
Attribute	initial-handle-position
Type	string
Default	'50%'
Description	The handler position will reset to this position when it is double-clicked, or the resetHandlePosition() is called.

resetOnDblClickreflects

Name	resetOnDblClick
Attribute	reset-on-dbl-click
Type	boolean
Default	false
Description	Controls whether the handle position should reset to the value set in the initialHandlePosition when it is double-clicked.

splitreflects

Name	split
Attribute	split
Type	Orientation
Description	Direction of the divider.

versionreadonly

Name	version
Type	string
Description	VSCode Elements version

Methods

resetHandlePosition()

Name	resetHandlePosition
Description	Sets the handle position to the value specified in the initialHandlePosition property.

CSS Custom Properties

--separator-border

Name	--separator-border
Default value	#454545

--vscode-editorWidget-border

Name	--vscode-editorWidget-border
Default value	#454545

--vscode-sash-hoverBorder

Name	--vscode-sash-hoverBorder
Default value	#0078d4