Flash Message with both the outcome for an error and success

A flash message is a prompt that appears on the user interface to inform the user about the outcome of an action they have taken. The flash message can display the result of either an error or a success, depending on the outcome of the action.

The UI design you described would include two separate messages, one for error and one for success. The error message would be displayed in the event of a problem or failure and would provide information about what went wrong and how to resolve the issue. The success message would be displayed when the action was completed successfully and would provide confirmation of the successful outcome.

In either case, the flash message should be designed to be brief, clear, and easily understood by the user. It should be placed in a prominent location on the user interface and should disappear after a short period of time, allowing the user to continue with their tasks without being obstructed by the message.