Overlays / The visual dictionary

Side sheet.

A supporting surface attached to the side of a view.

Also calledside panel sheettrailing sheet
01

See it in context

UI illustration

A side sheet reveals contextual information or a task beside the primary content. It may overlay the content or share space with it, depending on width and whether the task should block the main view.

When to use it

Use for contextual supporting content on wide layouts.

Know the difference

A side sheet describes a presentation surface; an inspector specifically exposes properties of the selected object.

WebiOSiPadOSAndroidmacOSWindowsLinuxvisionOS

iOS · iPadOS · macOS · visionOS

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 · Android · Windows · Linux

On the web, manage keyboard focus and dismissal explicitly. Android and desktop implementations should use the equivalent native surface when available.

Primary documentation for the pattern and its platform conventions.