# `FrappeUIPhx.Components.Tree`
[🔗](https://github.com/moacirbishopcamata/frappe_ui_phx/blob/v0.3.1/lib/frappe_ui_phx/components/tree.ex#L1)

Árvore de nós `%{id, label, icon, children}`. Expansão (`expanded`) e seleção
(`selected`) são assigns do servidor; cada clique é um evento
(`on_toggle`/`on_select` com `%{"id" => id}`). Com `on_drop`, os nós de um
mesmo nível podem ser reordenados por arrastar-e-soltar.

# `tree`

## Attributes

* `id` (`:string`) (required)
* `nodes` (`:list`) (required)
* `expanded` (`:list`) - ids dos nós abertos. Defaults to `[]`.
* `selected_id` (`:any`) - id do nó selecionado (comparado como texto). Defaults to `nil`.
* `on_toggle` (`:string`) - Defaults to `nil`.
* `on_select` (`:string`) - Defaults to `nil`.
* `on_drop` (`:string`) - Defaults to `nil`.
* `class` (`:any`) - Defaults to `nil`.
* Global attributes are accepted.

---

*Consult [api-reference.md](api-reference.md) for complete listing*