Inline notice

Inline notice shows a system generated message

1. Alike components

Users need to be notified about the system statuses and user action feedback consistently. There are subtle differences between these types of notifications. The guidance below helps to explain when to use an inline-notice, a toast, or a dialog.

Inline noticeToast notificationDialog
IntentionInformationalInformationalRequiring a choice
PlacementInlineFloating, bottom leftFloating, centered
Interruptive (blocking users from taking other actions)NoNoYes
Self destructiveNoYesNo
DismissibleNoYesYes

2. How to use the component

Only use it at the place of a system generated message and not becuase of a user action. For showing user action status, use the toast or conformation dialog.


Inline notice is not dismissible. It should be used for system generated message.


Don't

Don’t use inline notice as a feedback for user generated content.


Do

Use inline notice for persistant/system generated message.


Only put simple content in inline notice.

Inline notice should be used for delivering a simple message that needs visual emphasis.


Don't

Don’t put complex features or components into inline notice.


Do

Only put simple messages and features like links into inline notice.