Collapsible

<vscode-collapsible>

Properties

description: Less prominent text than the title in the header

Attribute description
Type string
Default ''
open reflected: Attribute open
Type boolean
Default false
title: Component heading text

Attribute title
Type string
Default ''
version readonly: VSC Element version

Events

vsc-collapsible-toggle: Dispatched when the content visibility is changed.

Type VscCollapsibleToggleEvent

Slots

Unnamed: Main content.
actions: You can place any action icon in this slot in the header, but it's also possible to use any HTML element in it. It's only visible when the component is open.
decorations: The elements placed in the decorations slot are always visible.

Custom CSS Properties

--vscode-focusBorder: Focus border color
--vscode-font-family: Header font family
--vscode-icon-foreground: Arrow icon color
--vscode-sideBar-background: Background color
--vscode-sideBarSectionHeader-background: Header background
--vscode-sideBarTitle-foreground: Header font color

CSS Parts

body: Container for the toggleable content of the component. The container's overflow content is hidden by default. This CSS part can serve as an escape hatch to modify this behavior.