Playground

Change the config, watch the tree update, copy the code that produces it.

Variant

Selection propagation

Checkboxes

Show checkboxes

Row selection

Single-select rows

Motion

Disable animations

Row height — 32px

Indent — 18px

Search

Engineering

Frontend

React

Vue

Svelte

Backend

Platform

Design

Marketing

<TreeKit
  data={data}
  defaultExpandedIds={["engineering","frontend"]}
  checkedIds={checkedIds}
  onCheckedChange={setCheckedIds}
/>