@bimetal/tree-vue-components

@bimetal/tree-vue-components

The default Vue 3 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-vue-components';

<Tree :store="store" tree-id="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.