Dialog

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

Component checklist

Flutter

Is new design vision part implemented using new tokens?

Update required

Resources

 

Examples

Data Display/Dialogs


                                                        
                                                        
                                                            showOptimusDialog(
                                                            context: context,
                                                            isDismissible: false,
                                                            title: Text('Title'),
                                                            content: Container(
                                                              color: theme.colors.neutral400,
                                                              padding: const EdgeInsets.all(8),
                                                              child: const Column(
                                                                children: [
                                                                  Center(child: Text('Custom content without paddings')),
                                                                  OptimusInputField(
                                                                    placeholder: 'Input field to test offsets on keyboard',
                                                                  ),
                                                                ],
                                                              ),
                                                            ),
                                                            contentWrapperBuilder: (_, child) => child,
                                                            size: OptimusDialogSize.regular,
                                                            type: OptimusDialogType.common,
                                                        );
                                                        
                                                            

OptimusDialog Example

API

Name

Description

Type

Default

content

The content of the Dialog

Widget?

 

title

The title of the Dialog

Widget

 

context

The context to bind with the running app.

BuildContext

 

contentWrapperBuilder

The wrapper of the Dialog content.

ContentWrapperBuilder?

 

actions

The actions that are going to be placed in the Dialog footer.

List<OptimusDialogAction>

 

size

The size of the Dialog.

OptimusDialogSize

OptimusDialogSize.regular

type

The type of the Dialog.

OptimusDialogType

OptimusDialogType.common

isDissmisisble

Whether the Dialog is dismissible and has a close button

bool

true

useRootNavigator

Whether the adding/removing should use RootNavigator of the App.

bool

true