Component

Tree

Hierarchical component for nested structures with per-node expansion, local search and selection.

import { NeuTreeComponent, NeuTreeNode } from '@neural-ui/core/tree';

Workspace explorer

Useful for project structures, technical navigation or documentation content.

Teams and permissions tree

Combine search with multiple selection for permissions, ownership or hierarchical filters.

Selected IDs—

import { NeuTreeComponent, NeuTreeNode } from '@neural-ui/core/tree';

@Component({
  imports: [NeuTreeComponent],
  template:     <neu-tree
  [nodes]="nodes"
  [selectable]="true"
  selectionMode="multiple"
  [searchable]="true"
  (selectionChange)="onSelectionChange($event)"
/>})
export class MyComponent {
  nodes: NeuTreeNode[] = [
    {
      id: 'workspace',
      label: 'Neural workspace',
      expanded: true,
      children: [{ id: 'showcase', label: 'Showcase' }],
    },
  ];
}