NotificationSettings
Defines the settings for displaying a Notification.
Definition
Package:@progress/kendo-angular-notification
Properties
Specifies the animation settings of the Notification (see example).
The possible values are:
duration—Accepts a number in milliseconds. Defaults to500ms.type?: 'slide'| (Default) 'fade'
appendTo?
ViewContainerRef
Defines the container to which the Notification will be appended (see example).
If not provided, the Notification will be placed in the root component
of the application or in the body element of the document.
closable?
boolean
Specifies if the Notification will require a user action to hide.
If you set the property to true, the Notification renders a Close button
(see example).
The possible values are:
- (Default)
false true
false
closeTitle?
string
Specifies the title of the close button.
content
string | Function | TemplateRef<any>
Defines the content of the Notification.
cssClass?
string | object | string[]
Specifies a list of CSS classes that you add to the Notification.
To apply CSS rules to the component, set encapsulation to ViewEncapsulation.None
(see example).
To style the content of the Notification, use the
cssClassproperty binding.
height?
number
Specifies the height of the Notification.
hideAfter?
number
Specifies the time in milliseconds after which the Notification will hide (see example).
5000
notificationLabel?
string
The value of the Notification element aria-label attribute.
'Notification'
notificationRole?
string
The value of the Notification element role attribute.
'status'
Defines the position of the Notification (see example).
The possible values are:
horizontal: 'left'|'center'|'right'vertical: 'top'|'bottom'
Specifies the type of the Notification (see example).
The possible values are:
style: (Default) 'none'|'base'|'primary'|'secondary'|'tertiary'|'info'|'success'|'warning'|'error'|'inverse'icon: 'true'|'false'
width?
number
Specifies the width of the Notification.