Tree Selection 1 - Single selection

Pro

Selectable tree where one node can be highlighted at a time.
Shadcn Tree Selection 1 component

Component Data

  • ID:tree/tree-selection-1
  • Access:pro
  • Created:May 23, 2026
  • Type:example

Tree Selection 1 component design & features

This example enables selectable on TreeProvider so clicking a node toggles single-item selection state.

Single-select trees work in file pickers, navigation sidebars, and settings panels where one active item drives the main content area.