Tree view.
Hierarchical content with expandable branches.
See it in context
▤ Card.tsx
What it is
A tree view shows parent-child relationships and lets users reveal nested items. It is appropriate when the hierarchy itself is useful, such as folders inside a project.
When to use it
Use for hierarchical resources that need exploration.
Know the difference
A content tree explores nested items; tree navigation uses that hierarchy primarily to move between destinations.
Across platforms
iPadOS · macOS
Use the native platform presentation and terminology; adapt density and interaction to touch, pointer, remote, or spatial input rather than copying a phone-sized view.
Web · Windows · Linux
Use semantic content structures on the web. Touch, pointer, and remote layouts need different target spacing even when the same information is shown.
Go to the source
Primary documentation for the pattern and its platform conventions.