Layout / The visual dictionary

Resizable pane.

A content region whose size can be changed by dragging its boundary.

Also calledsplitterresize divider
01

See it in context

UI illustration
List
⋮
Preview

A content region whose size can be changed by dragging its boundary. Provide a clear divider handle, minimum sizes, and a usable default split.

When to use it

Use it when people need to allocate screen space between related tasks.

Know the difference

Not every split view is resizable; resizing describes an additional interaction.

WebmacOSWindowsLinux

Web · macOS · Windows · Linux

Desktop pointer interfaces commonly support dragging; narrow touch layouts typically replace resizing with navigation.

Primary documentation for the pattern and its platform conventions.