Context sheet

v4.0

A context sheet is an elevated, medium-attention surface. It can be modal or non-modal.

Considerations

Contextual

Context sheets are always tied to the screen or flow it supplements, like filters for a results list.

Flexible

The underlying screen remains visible and can remain interactive.

Lightweight but persistent

Stays open until dismissed or until the user completes their action.

Usage

Properties

Behavior

Device keyboards

Context sheets with input fields expand upward with the device keyboard when the field is focused. The sheet moves back down when the keyboard is collapsed.

Screen size

Best practices