Scoped Notification
The Avonni Scoped Notification displays notification messages to users with an optional action
Overview
The Scoped Notification displays a styled message block within a Flow screen to communicate status, warnings, errors, or instructions. It is a purely informational component — it has no interactions and no output variables.
Configuration
To configure it, click the component on the Flow screen. The Edit Scoped Notification Component panel opens on the right with two tabs: Properties and Style. The sections below mirror the Properties tab.
Properties
Variant
Sets the color theme: Base (gray, default), Dark (dark gray), Error (red), Success (green), or Warning (yellow).
Title
The heading text displayed in bold at the top of the notification.
Content
The body text of the notification. Supports rich text formatting.
Icon Name
An optional Lightning Design System icon displayed to the left of the notification content.
Icon Size
Size of the icon: XX-Small, X-Small, Small, Medium, or Large (default).
Styling
Controls the outer spacing around the notification.
Top / Right / Bottom / Left: Adjust the space on each side.
Controls the inner spacing between the notification content and its edges.
Top / Right / Bottom / Left: Adjust the inner spacing on each side.
Controls the notification's width.
Width / Min Width / Max Width: Set or constrain the notification width.
Customizes the notification border.
Color / Size / Style / Radius: Set the border color, thickness, line style, and corner rounding.
Sets the notification colors, applied to the selected Variant.
Background Color: The notification background color.
Text Color: The notification text color.
Styles the icon shown beside the message.
Icon Background Color / Icon Foreground Color: The icon's background and foreground colors.
Icon Radius: The roundness of the icon corners.
Last updated
Was this helpful?