Dialog

A Dialog is an overlay that displays relevant information or a short task.

Component status

Component checklist

Design documented

The component is fully documented

React documented

Flutter documented

Design

Is the design finished and component available in Figma library?

Up to date

React

Is new design vision part implemented using new tokens?

Up to date

Flutter

Is new design vision part implemented using new tokens?

Update required

Introduction

A Dialog component appears over the main page content, directing attention to a single task or piece of information that requires user interaction. It is commonly used when an immediate action is needed or to inform something critical.

Dialog Showcase