Toast

The toast component renders short messages to confirm a user action has happened or is happening off-screen.

Toasts appear at the bottom of the screen and will stay visible longer when containing links or actions.

Usage

Use toast messages to inform users that an event related to an action they took has happened off-screen (e.g., a change was saved, records were successfully uploaded, an import failed, etc).

Toasts are not used:

  • In place of banners or alternate forms of notifications
  • To display detailed error messages
  • For attaching files to a widget that is updating live on-screen

Toasts disappear after a given number of milliseconds. They are also dismissible by clicking the close icon.

Configuration

No configuration is needed for this component in the design system.

All information on this site is for Pega’s UX design system, also known as Constellation (from 8.8 and onwards). If you have questions, concerns, or any other feedback, please reach to us on Pega Support and include the capability ‘User Experience’ and ‘Constellation’ in your request.