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 | Create a promise that resolves once component is fully loaded. | componentOnReady(): Promise<this> |