AppAnnouncement

The AppAnnouncement component displays an announcement that is intended to focus a user's attention by rendering with your application's primary brand color as configured within the Theme. This is a great component to use to highlight key new features or updates within your application.

For more information on how to use the features and props for this component, check out the developer documentation.

To learn more about configuration, visit Pega Community.

AppAnnouncements may include a heading, description, and an array of details that will render as an UnorderedList. The component is rendered as a Card with a background color that is set by your application's primary brand color. An image url may also be supplied which will render beside all other information. The image will have an opacity set so that it blends with the background color.

If a whatsNewLink href is provided, a See what's new Button will render below all other information, acting as a link for the given href. If an onDismiss callback function is provided, users will be able to close the AppAnnouncement via a close Button.

NameTypeDefaultDescription
classNamestringAdditional CSS classes.
descriptionstringDescription text for the announcement.
detailsstring[]Announcement details to be displayed in form of bulleted list.
headingstringHeading text for the announcement.
imagestringAn image source for the decorative background.
onDismiss() => voidCallback when user dismisses the announcements.
refRef<HTMLElement>
whatsNewLinkstringUrl to open with What's new link.