Types

Updated on May 8, 2026

The Notification allows you to set different types of notifications.

Each type is color-coded, which allows the user to immediately recognize whether the notification indicates a successful operation or an error message. To use the predefined styles for each Notification type, pass a type value to the dynamically created (with the Notification Service) component in the type field of the result. Based on the Notification type your project requires, you can also display an icon by specifying type.icon: true.

The available type.style values are:

• none—Renders the default styling options of the component.
• base—Applies base styling.
• primary—Applies primary styling.
• secondary—Applies secondary styling.
• tertiary—Applies tertiary styling.
• info—Provides neutral information about a process or an action.
• success—Indicates a successfully completed action.
• warning—Warns against the occurrence of possible issues.
• error—Informs the user about an erroneous outcome from a process or an action.
• inverse—Applies inverse styling.

The following example demonstrates the available Notification types. Click any of the buttons to display a Notification with the corresponding style applied.

Change Theme

Theme

Loading ...

Suggested Links

• API Index of the Notification
• API Reference of the Notification Settings