Skip to main content
Data display

Tree

Hierarchical, keyboard-navigable tree with single selection, lazy branches and a row template.

03

Import

#import

Add the symbol to your component's imports array. The walkthrough below shows the most common usages — copy & tweak.

import { KjTree } from '@kouji-ui/components';
04

Playground

#playground
  • src
    • app.ts
  • README.md
  • pnpm-lock.yaml
<kj-tree ariaLabel="Project files" [nodes]="nodes" [defaultExpanded]="['src']" />