Alert messages are used to inform users of the status of their action and help them solve any problems that might have
occurred. Good design of alert modals is very important for the overall user experience of a website or app.
Depending on the information you need to convey, you can use one of the following types of alert messages -
success, info, warning or danger. Using the right
type of alert modal will help draw users’ attention to the message and prompt them to take action.
Wow! Everything worked!
Your account has been saved!
Wow! Everything worked!
Here is something that you might like to know.
Wow! Everything worked!
Sorry! There was a problem with your request.
I'm so sorry…
Your account has been deleted and can't be restored.
Add an avatar to your alert modal to make it more personalized.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing
elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
JL
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing
elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing
elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing
elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Add primary and secondary buttons to your alert modals if you want users to take a particular action based on the
information included in the modal message.
Wow! Everything worked!
Your account has been saved!
Wow! Everything worked!
Here is something that you might like to know.
Wow! Everything worked!
Sorry! There was a problem with your request.
I'm so sorry…
Your account has been deleted and can't be restored.