Layout / The visual dictionary
Detail pane.
The region that shows the contents of the currently selected item.
Also calleddetail viewsecondary pane
01
UI illustrationSee it in context
Design notes›
Project Atlas›
Team update›
02
What it is
The region that shows the contents of the currently selected item. Update this pane when the selection in the adjacent list changes, while retaining that list's selection.
When to use it
Use it for reading a message, document, or record selected elsewhere.
Know the difference
A detail pane displays the item; an inspector displays settings about the item.
03
Across platforms
WebiPadOSAndroidmacOSWindowsLinux
Web · iPadOS · Android · macOS · Windows · Linux
On narrow phones a detail pane commonly becomes its own screen with a Back action.
04
Go to the source
Primary documentation for the pattern and its platform conventions.