Dialog

The one dialog frame for both devices: a fixed heading with ×, a scrolling body with a persistent scrollbar, and a footer only when there is a decision.

Consumer provides: title (and optional subtitle), body content, footer actions (or none), width class.

Anatomy

Sizes

Tablet Phone
Pickers, confirmations dialog-narrow 400 dp, centred confirmations: centred 343 dp dialog with the 2 dp frame; pickers: BottomSheet
Prompts: short forms, sign-in steps dialog-narrow 400 dp, centred centred 343 dp dialog with the 2 dp frame
Default dialog-standard 560 dp, centred BottomSheet
Editors dialog-editor 720 dp, capped at width − 48 BottomSheet
Lists (Meeting notes, Topics), Settings 560 × 800 dp, search and count in the heading BottomSheet

Tablet padding: heading 24 / 24 / 16, body 16 top · 24 start · 32 end, footer 16 / 24 / 24; title tablet-title.

Rules

In the app

InkPopover is the frame; InkDialog adds the heading, body and footer.

Preview

Tablet · centred, 560 dp (drawn at 1:1 dp, here 480)

Confirmation (both devices)

Delete “kubernetes”?

Its 1 page of writing will be permanently deleted. This can’t be undone.