Tree Item | Calcite Design System | Esri Developer

Child component of Tree

API reference

Properties

Property	Attribute	Description	Type	Default
disabled	disabled	When `true`, interaction is prevented and the component is displayed with lower opacity.	`boolean`	`false`
expanded	expanded	When `true`, expands the component and its contents.	`boolean`	`false`
iconFlipRtl	icon-flip-rtl	When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).	`FlipContext`
iconStart	icon-start	Specifies an icon to display at the start of the component.	`IconName`
label	label	Specifies an accessible label for the component.	`string`
selected	selected	When `true`, the component is selected.	`boolean`	`false`

Slots

Name	Description
default (unnamed)	A slot for adding text.
children	A slot for adding nested `calcite-tree` elements.
actions-end	A slot for adding actions to the end of the component. It is recommended to use two or fewer actions.

Styles

Name	Description
--calcite-tree-text-color	Specifies the component's text color.
--calcite-tree-text-color-selected	When 'selected', specifies the component's text color.
--calcite-tree-selected-icon-color	Specifies the component's selection icon color.

Methods

Name	Description	Signature
componentOnReady	Creates a promise that resolves once the component is fully loaded.	`componentOnReady(): Promise<this>`