Alert bars

Usage

Alert bars display a message on a single line optionally including a link or action.

Include alert bars to guide users through a workflow or convey information relevant to the current task (see System alerts for information about drawing the user's attention to a system-wide issue).


Account File Documents screen with alert bar.

PCF Elements

Primary function

Alert bar

Secondary function

No elements use this widget as a secondary function.

Best Practices

Avoid unnecessary alerts. Use alerts only to deliver important information. For example, the following screen shot provides essential information about coverage conflict and a pending cancellation.

  • The alert bar has an option to include a dismiss icon using the allowDismiss property.
  • Include a dismiss icon for alert bars when users should review the alert but do not need a persistent reminder.

    Alert bar with dismiss icon.
  • Do not include a dismiss icon when users need a persistent reminder.

    Alert bar with no dismiss icon.
  • Include a link if users are likely to require detailed information about the alert.

    Alert bar containing text link.