Tree Lines 1 - With lines

Basic

File tree with connector lines enabled via showLines.
Shadcn Tree Lines 1 component

Component Data

  • ID:tree/tree-lines-1
  • Access:basic
  • Created:May 23, 2026
  • Type:example

Tree Lines 1 component design & features

This example sets showLines on TreeProvider to display vertical and horizontal guide lines between nested nodes.

Connector lines improve scanability in deep folder hierarchies such as project explorers and CMS asset browsers.