Navigate a workspace
Pair a stable hierarchy with a focused detail view.
1
Keep the navigation context beside the active content.
2
Let people resize the panes within useful limits.
3
Preserve draft inputs when the navigation pane collapses.
WORKING EXAMPLE
Component reference →Navigate a workspace
Resize the divider, type a note, and collapse the first pane. Expanding it restores the same content. Use the keyboard on the divider as an alternative to dragging.
Keep the same interaction sequence and connect its events to your own state and data. Reuse the component’s styles and accessible controls so the behavior remains familiar.