New to Kendo UI for AngularStart a free 30-day trial

NotificationSettings

NameTypeDefaultDescription

animation?

Animation

{ type: 'fade', duration: 500 }

Specifies the animation settings of the Notification (see example).

The possible values are:

  • duration—Accepts a number in milliseconds. Defaults to 500ms.
  • 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

false

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

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 cssClass property binding.

height?

number

Specifies the height of the Notification.

hideAfter?

number

5000

Specifies the time in milliseconds after which the Notification will hide (see example).

notificationLabel?

string

'Notification'

The value of the Notification element aria-label attribute.

position?

Position

{ horizontal: 'right', vertical: 'top' }

Defines the position of the Notification (see example).

The possible values are:

  • horizontal: 'left'|'center'|'right'
  • vertical: 'top'|'bottom'

type?

Type

{ style: 'none', icon: true }

Specifies the type of the Notification (see example).

The possible values are:

  • style: (Default) 'none'|'success'|'error'|'warning'|'info'
  • icon: 'true'|'false'

width?

number

Specifies the width of the Notification.

Constructors

NotificationSettings

()

In this article
ConstructorsNotificationSettings
Not finding the help you need?
Contact Support