Notification

Usage Guidelines

The Telerik and Kendo UI Notification requires you to follow some basic principles when using the component.

Message

The Notification must provide a clear and unambiguous message that is meant to help the user take an action. Preferably, the text must be short, but if this is not possible, it must wrap to another line.

DoUse a clear and unambiguous message to help the user take action.

Don'tAvoid using vague and unclear text that does not provide enough information.

Colors

The message that the Notification conveys highly relies on the alert colors that the component uses. These colors have semantic meanings that are mutually exclusive and must never be interchanged.

DoUse the provided theme colors to signify the severity and the meaning of the message.

Don'tAvoid replacing the semantic colors when styling the Notification as it may cause severe miscommunication.

Exclusivity

The Notification must be used sparingly on the page as it has a strong emphasis. It immediately draws the user’s attention and using it multiple times can lead to distraction, lower productivity, or even irritation.

DoUse the Notification sparingly for important messages that need the user’s attention.

Don'tAvoid using multiple notifications as it may distract and annoy the user.

Placement

Notifications must not hide important content or affect the user’s productivity and workflow. They are usually placed at the top or the bottom of the page.

DoDepending on the layout, place the Notification at the top or the bottom of the page.

Don'tAvoid hiding the content and disturbing the user’s workflow when using a Notification.