# GoalTree

URL: /code/ui/components/goal-tree · Id: `uiComponent:goal-tree`

> GoalTree draws Goals as a tree through the Goals each one supports, with every Key Result on pace or behind.

GoalTree draws [Goals](/business/nouns/goal) as a tree through the Goals each one supports, with every [Key Result](/business/nouns/key-result) on pace or behind.

| Renderer | Draws |
| --- | --- |
| `web` | Web: rich interactive UI for humans. |
| `native` | Native: JSON for native clients on phone, watch, and TV. |
| `markdown` | Markdown: token-efficient text for agents. |

| Prop | Type | Required | Description |
| --- | --- | --- | --- |
| `goal` | [Goal](/business/nouns/goal) | Yes | The root Goal of the tree. |
| `depth` | `integer` | No | How many levels to draw. |