Notification Panel

The Notification Panel allows the application to display error, warning, success and info messages to the user.

The canvas toolbar provides a button to display a sub-panel that contains the notifications. The button will be added to the far right side of the toolbar whenever a Notification Config is specified to the <CommonCanvas> React object.

The notifications button in the toolbar indicates the state and number of the messages in the panel.

A colored circle will be shown to indicate the highest severity message to be shown in the notification panel: info/blue, success/green, warning/yellow or error/red. Also, a number is displayed within the icon to indicate the number of current messages.