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
Libraries
Radix UI, Base UI, React Aria

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.