Saltar al contenido principal
NeuralUIv1.14.3Nuevo
GitHub
Componente

Tree

Componente jerárquico para explorar estructuras anidadas con expansión por nodo, búsqueda local y selección.

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

Explorador de workspace

Útil para estructuras de proyecto, navegación técnica o contenido documental.

  • Workspace Neural · abierto
    • Aplicaciones · abierto
      • neural-admin-pro
      • neural-ui-showcase
    • neural-ui-workspace · abierto
      • Table avanzado
      • Tree
      • Calendar

Árbol de equipos y permisos

Combina búsqueda con selección múltiple para paneles de permisos, ownership o filtros jerárquicos.

  • Equipo de productoRoadmap y experiencia final
    • Product Manager
    • Diseño
      • Visual system
      • UX research
IDs seleccionados
TypeScript
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' }],
    },
  ];
}