<!-- AUTO-GENERATED FILE. Do not edit manually. -->

# Token Reference Table

This table lists all tokens for this component:

| Token | Description |
|-------|------------|
| margin | Outer margin around the tree.<br>CSS variable: --wm-tree-margin |
| padding | Inner padding of the tree root.<br>CSS variable: --wm-tree-padding |
| font-family | Font stack for tree labels.<br>CSS variable: --wm-tree-font-family |
| node.color | Default (resting) text color for tree node labels.<br>CSS variable: --wm-tree-node-color |
| node.background | Default (resting) label background for tree nodes.<br>CSS variable: --wm-tree-node-background |
| node.radius | Border radius for tree node links and icon controls in the default state.<br>CSS variable: --wm-tree-node-radius |
| node.padding | Inner padding of the tree root.<br>CSS variable: --wm-tree-node-padding |
| node.margin | Outer margin of each tree node.<br>CSS variable: --wm-tree-node-margin |
| node.height | ZTree: height of the tree node. <br>CSS variable: --wm-tree-node-height |
| node.width | ZTree: width of the tree node. <br>CSS variable: --wm-tree-node-width |
| node.label.font-size | ZTree: <code>.app-tree li a</code> <code>font-size</code>.<br>CSS variable: --wm-tree-node-label-font-size |
| node.label.font-weight | Controls how thick or bold label text appears. 'normal' makes it regular weight, 'bold' makes it thicker, and numbers (100-900) provide fine control over thickness.<br>CSS variable: --wm-tree-node-label-font-weight |
| node.label.text-align | Sets the text alignment of labels (text elements that describe or identify other content). This determines how the label text appears in relation to the surrounding content.<br>CSS variable: --wm-tree-node-label-text-align |
| node.label.letter-spacing | Controls the horizontal spacing between individual letters in label text. Positive values spread letters apart, negative values bring them closer together.<br>CSS variable: --wm-tree-node-label-letter-spacing |
| node.label.text-decoration | Sets the text decoration of labels (text elements that describe or identify other content). This determines what decoration the label text appears in, which should contrast well with the background for readability.<br>CSS variable: --wm-tree-node-label-text-decoration |
| node.child-indent | Nested list indent.<br>CSS variable: --wm-tree-node-child-indent |
| node.icon.size | ZTree: size of the tree node icon. <br>CSS variable: --wm-tree-node-icon-size |
| node.icon.align-items | ZTree: align-items of the tree node icon. <br>CSS variable: --wm-tree-node-icon-align-items |
| node.icon.color | Default (resting) expand/collapse icon color.<br>CSS variable: --wm-tree-node-icon-color |