Modal
A box with content that is displayed as an overlay on top of the screen.
When to use
Use the Modal to interrupt the user and demand an action. It's appropriate when directing a user’s attention to important information. Ideal for when the user is requested to enter information critical to continuing the current process.
Has Overlay
When false, an overlay is disabled behind the modal.
Position
Vertically aligns the modal to Top, Center or Bottom. Horizontally align it to Left, Center or Right.
Top
Center
Bottom
Enter Animation
Animates the modal to enter from the bottom, left, right, top, fade or scale.
Leave Animation
Animates the modal to leave to the bottom, left, right, top, fade or scale.
See more information on implementing this pattern in the
product documentation