High-signal feedback, clean UX.
Use Dialog, AlertDialog, Drawer, and Toast to guide user decisions, communicate system state, and keep interactions clear across mobile, tablet, and desktop interfaces.
Dialog
focused taskAlert
critical actionDrawer
side panelToast
ephemeral noticeDialog
Dialog is for focused work that needs temporary isolation. Keep payloads concise, present clear next actions, and reserve full-screen interruption for high-value moments.
Flat API
Compound API
Compose trigger and content manually when you need custom payloads, nested structures, or strict layout control.
AlertDialog
AlertDialog is purpose-built for destructive and high-stakes actions. Keep copy explicit, highlight consequence, and make the safe path obvious.
Destructive Patterns
Assisted + Compound
Drawer
Drawer handles secondary tasks without breaking page context. Use it for navigation, filters, detail views, and compact mobile sheets.
Placements
Sizes + Compound
Toast
Toast is an imperative channel for non-blocking status feedback. Keep messages short, actionable, and contextual.