Skip to main content

Message modal

Modal messages appear on top of the main content of a webpage or application, blocking interaction with the rest of the page until the user meets a decision or closes the modal.

code

How to open a message modal is independent of the framework in use. Note that you need to import showMessage from the core package @siemens/ix.

showMessage provides multiple pre-configured messages:

  • info
  • warning
  • error
  • success
  • question

The showMessage method returns a Listener with the following signature:

TypedEvent<{
actionId: string;
payload: T;
}>;

actionId represents the configured action button.

API for message modal utils (JavaScript, React, Vue)

Functions

API for MessageService (Angular)

Functions