Data input

Tree select

Themed dropdown that surfaces a hierarchical tree of options with single or multi-select and arrow-key navigation.

Import

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

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

Loading editor

mode

placeholder

disabled

<kj-tree-select
  [kjNodes]="nodes"
  kjSelectionMode="single"
  [(kjValue)]="selected"
  placeholder="Pick a topic"
/>