TreeItem

An item within a tree hierarchy that can contain other items.

Code

<script lang="ts">
  import { TreeItem } from '@geoffcox/sterling-svelte';
</script>

<TreeItem label="sterling-svelte" value="item" />

Members

Property Name	Type	Default	Comment
disabled	boolean \| null \| undefined	false	When true, the item and its children are disabled.
icon	Snippet \| undefined	undefined	The leaf or expand/collapse icon. When undefined renders TreeChevron.
label	string \| Snippet \| undefined	undefined	The label for the item. When undefined renders the value.
value	string		The value uniquely identifying this item within the tree.

	Method Name	Parameters	Return Type	Comment
	collapse			Collapses the current item.
	expand			Expands the current item.
	select			Selects the current item.
	selectParent			Selects the parent of the current item.
	selectPrevious			Selects the previous item relative to the current item.
	selectNext			Selects the next item relative to the current item.
	toggleExpanded			Toggles the expanded state of the current item.

tree-item (div)
  item (div)
    icon (Snippet)
    label (string | Snippet)
  children (Snippet)