Your inbox is getting full, would you like us to enable automatic archiving of old messages?
Modal
A standard modal.
Profile Picture
We've auto-chosen a profile image for you.
We've grabbed the following image from the gravatar image associated with your registered e-mail address.
Is it okay to use this photo?
Basic
A modal can reduce its complexity
Archive Old Messages
Full Screen
A modal can use the entire size of the screen.
Update Your Settings
Give us your feedback
Size
A modal can vary in size.
Delete Your Account
Are you sure you want to delete your account
Scrolling Modal
When your modal content exceeds the height of the browser the scrollable area will automatically expand to include just enough space for scrolling, without scrolling the page below.
Profile Picture
Modal Header
This is an example of expanded content that will cause the modal's dimmer to scroll
Multiple Modals
A modal can open a second modal. If you use allowMultiple: true parameter the second modal will be opened on top of the first modal. Otherwise the modal will be closed before the second modal is opened.
Modal #1
We have more to share with you. Follow us along to modal 2
Modal #2
That's everything!
Forcing a Choice
You can disable a modal's dimmer from being closed by click to force a user to make a choice.
Archive Old Messages
Your inbox is getting full, would you like us to enable automatic archiving of old messages?
Transitions
A modal can use any named ui transition.
{{ modalTransition }}
Profile Picture
We've auto-chosen a profile image for you.
We've grabbed the following image from the gravatar image associated with your registered e-mail address.
Is it okay to use this photo?
Dimmer Variations
Modals can specify additional variations like blurring or inverted which adjust how the dimmer displays.
Profile Picture
We've auto-chosen a profile image for you.
We've grabbed the following image from the gravatar image associated with your registered e-mail address.
Is it okay to use this photo?
Profile Picture
We've auto-chosen a profile image for you.
We've grabbed the following image from the gravatar image associated with your registered e-mail address.
Is it okay to use this photo?