Docs / Components
SenseTreeSelectComponent
Hierarchical single-select dropdown with expandable tree nodes, disabled items, and forms CVA support from @artificialsenselabs/ui.
Live demo: run nx serve showcase and open /components/tree-select (port 4202).
Overview
Category: Form controls. Selector: sense-tree-select. Import: import { SenseTreeSelectComponent, type SenseTreeSelectNode } from '@artificialsenselabs/ui';
Accessibility
- Trigger exposes
aria-expandedand an accessible label. - Panel uses
role="tree"withrole="treeitem"rows. - Disabled nodes cannot be selected and their buttons are disabled.
- Escape closes the panel and marks the control as touched for forms.