Tree
Tag name: <vscode-tree>
Properties
arrowsreflects
| Name | arrows |
|---|---|
| Attribute | arrows |
| Type |
|
| Default |
|
data
| Name | data |
|---|---|
| Attribute | data |
| Type |
|
indent
| Name | indent |
|---|---|
| Attribute | indent |
| Type |
|
| Default |
|
indentGuidesreflects
| Name | indentGuides |
|---|---|
| Attribute | indent-guides |
| Type |
|
| Default |
|
multilinereflects
| Name | multiline |
|---|---|
| Attribute | multiline |
| Type |
|
| Default |
|
tabindexreflects
| Name | tabindex |
|---|---|
| Attribute | tabindex |
| Type |
|
| Default |
|
versionreadonly
| Name | version |
|---|---|
| Type |
|
| Description | VSCode Elements version |
Methods
closeAll()
: void
| Name | closeAll |
|---|---|
| Description | Closes all opened tree items recursively. |
deselectAll()
| Name | deselectAll |
|---|---|
| Description | Deselects all selected items. |
getItemByPath(path: number[])
| Name | getItemByPath |
|---|---|
| Description | Returns a reference to a TreeItem object by path. |
Events
vsc-run-actiondeprecated
| Name | vsc-run-action |
|---|---|
| Type | CustomEvent |
| Description | Dispatched when an action icon is clicked. |
vsc-selectdeprecated
| Name | vsc-select |
|---|---|
| Type | CustomEvent |
| Description | Dispatched when an item is selected. |
vsc-tree-action
| Name | vsc-tree-action |
|---|---|
| Type | VscTreeActionEvent |
| Description | Dispatched when an action icon is clicked. |
vsc-tree-select
| Name | vsc-tree-select |
|---|---|
| Type | VscTreeSelectEvent |
| Description | Dispatched when an item is selected. |
CSS Custom Properties
--vscode-focusBorder
| Name | --vscode-focusBorder |
|---|
--vscode-font-family
| Name | --vscode-font-family |
|---|
--vscode-font-size
| Name | --vscode-font-size |
|---|
--vscode-font-weight
| Name | --vscode-font-weight |
|---|
--vscode-list-activeSelectionBackground
| Name | --vscode-list-activeSelectionBackground |
|---|
--vscode-list-activeSelectionForeground
| Name | --vscode-list-activeSelectionForeground |
|---|
--vscode-list-focusOutline
| Name | --vscode-list-focusOutline |
|---|
--vscode-list-hoverBackground
| Name | --vscode-list-hoverBackground |
|---|
--vscode-list-hoverForeground
| Name | --vscode-list-hoverForeground |
|---|
--vscode-list-inactiveFocusBackground
| Name | --vscode-list-inactiveFocusBackground |
|---|
--vscode-list-inactiveFocusOutline
| Name | --vscode-list-inactiveFocusOutline |
|---|
--vscode-list-inactiveSelectionBackground
| Name | --vscode-list-inactiveSelectionBackground |
|---|
--vscode-list-inactiveSelectionForeground
| Name | --vscode-list-inactiveSelectionForeground |
|---|
--vscode-list-inactiveSelectionIconForeground
| Name | --vscode-list-inactiveSelectionIconForeground |
|---|
--vscode-tree-inactiveIndentGuidesStroke
| Name | --vscode-tree-inactiveIndentGuidesStroke |
|---|
--vscode-tree-indentGuidesStroke
| Name | --vscode-tree-indentGuidesStroke |
|---|
CSS Parts
caption-decoration
counter-badge-decoration
decorations
| Description | Container of decorations |
|---|