Popup Dialog

Popup Dialog is a modal container anchored at the screen bottom that requires user interaction to dismiss.

Behaviours & States

Behaviour

Popups overlay the current screen. Popups require user action in order to close and return to the application. Popup is anchored to the bottom of the screen and is the full width of the screen. The height is variable based on content or a fixed height. Only one popup can open at a time. When using this control, ensure there is a way to dismiss the Popup.

 

Popups are anchored to the screen bottom and animate when opening and closing.

Sizing

Popups are the full screen width, but can vary in height depending on the amount of content the Popup contains.

Illustration

POPUP_DIALOG.png

Navigation