Layout / The visual dictionary
Split view.
A layout that presents two or more related panes beside each other.
Also calledsplit panesplit screen
01
UI illustrationSee it in context
First item›
Selected item›
Third item›
Selected item
02
What it is
A layout that presents two or more related panes beside each other. Keep selection in one pane connected to the content shown in the next pane.
When to use it
Use it to browse a collection without losing the current detail.
Know the difference
A split view describes the whole arrangement; a detail pane is just one region within it.
03
Across platforms
WebiPadOSAndroidmacOSWindowsLinux
Web · iPadOS · Android · macOS · Windows · Linux
iPad and desktop can show multiple columns together; compact widths usually navigate between the columns.
04
Go to the source
Primary documentation for the pattern and its platform conventions.