Skip to main content

Rich Alert Page

Overview

The Rich Alert Page features a rich alert modal that prompts users to take specific actions based on the configured alert data. This modal enhances user engagement by providing clear options for navigation and decision-making.

Configuring the Rich Alert Modal

To configure the Rich Alert Modal, use the following code snippet. This allows you to customize the title, description, and actions within the alert.

typescript
passport.openUI(Passport.pages.RICH_ALERT, {
  richAlertData: {
    title?: string,
    description?: string,
    actions?: [{
      text: string;
      link?: string;
      onClick?: (...args: unknown[]) => unknown;
    }]
  },
})

Properties

  • Title: Set the title of the alert to communicate the main message.

  • Description: Use the description to provide additional context or instructions.

  • Actions: Define a list of actions with text, link, and onClick properties to guide user responses.

By configuring these properties, you can tailor the Rich Alert Modal to fit your specific needs, enhancing user interaction and engagement on your platform.