Navigation / The visual dictionary
Tree navigation.
An expandable hierarchy of nested destinations or items.
Also calledtree viewfolder tree
01
UI illustrationSee it in context
02
What it is
An expandable hierarchy of nested destinations or items. Show parent-child relationships with indentation and explicit expand controls.
When to use it
Use it for folders, project structures, and deep organizational content.
Know the difference
A tree can expand multiple branches; breadcrumbs show only one ancestor path.
03
Across platforms
WebiPadOSAndroidmacOSWindowsLinux
Web · iPadOS · Android · macOS · Windows · Linux
Desktop trees often support arrow-key navigation; touch layouts need generous expand targets separate from selection.
04
Go to the source
Primary documentation for the pattern and its platform conventions.