@bimetal/tree-angular-components

@bimetal/tree-angular-components

The default Angular tree / treeview — a thin binding over the canonical @bimetal/tree-headless controller. Multi-select, expand/collapse, tri-state checkboxes, drag-reorder, keyboard nav/move, rename, undo. Renders the canonical .bm-tree* DOM with ARIA tree roles; styles ship from @bimetal/tree-themes.

import { Tree } from '@bimetal/tree-angular-components';  // standalone; selector: bm-tree

<bm-tree [store]="store" treeId="docs" [config]="{ checkboxes: true }" title="Docs" />

Every interaction decision lives in the controller — this binding only forwards DOM events and applies tabindex from the controller-derived navAnchor. A renderNode slot customizes ONLY the node content cell (icon/label/badge); the chevron, checkbox, row structure and ARIA stay component-owned. A consumer who needs full control can skip the component and drive @bimetal/tree-headless directly.