## Default
The `children` prop accepts an array of child nodes. Each node should contain `id` and `text` properties.
Optional properties include `disabled`, `expanded`, `icon`, and `children`.
A parent node contains `children` while a leaf node does not.
Every node must have a unique id.
## Initial active node
The active node can be set through `activeId`.
## Compact size
Set `size` to `"compact"` to use the compact variant.
## With icons
To render a node with an icon, define an `icon` property with a Carbon Svelte icon as its value.
## Initial expanded nodes
Expanded nodes can be set using `expandedIds`.
## Initial multiple selected nodes
Initial multiple selected nodes can be set using `selectedIds`.
## Expand all nodes
To programmatically expand all nodes, access the component instance using the [bind:this](https://svelte.dev/docs#bind_element) directive and invoke the `TreeView.expandAll()` accessor.
## Collapse all nodes
Similarly, invoke `TreeView.collapseAll()` to collapse all nodes.
## Expand a subset of nodes
Use the `TreeView.expandNodes` method to expand only a subset of nodes.
The method accepts an argument that takes a node and returns a boolean.
If no argument is provided, all nodes will be expanded.
## Collapse a subset of nodes
Use the `TreeView.collapseNodes` method to collapse a subset of nodes.
If no argument is provided, all nodes will be collapsed.