Website pattern library

User interaction

Critical form alerts

If the user chooses an un-reversible action for example ending a session, or deleting an item, consider an overlaid alert. Also suitable for critical form errors.

Button directional icons have been omitted leaving a focus on a clear language.

Critical error and alert examples

Mendix error:

Sorry, something went wrong

An error occurred while handling the last request, please try again.

Unsaved form:

Are you sure you want to leave?

You have unsaved changes that will be lost.

Yes leave this page

Deleting items:

Delete this item?

If you delete "Joe Bloggs" you can't undo this action.

Yes delete this item