Framework 7 Notification — Reference

Framework 7 Notification

Framework 7 Notification settings and events. Select the component in App Structure to find these controls in Properties.

Notification Properties

Name	Description
ID	Required. Default: "". Attribute: id.
Icon	Attribute: icon.
Title	Attribute: title.
Title Right Text	Attribute: title-right-text.
Subtitle	Attribute: subtitle.
Text	Attribute: text.
Close Button	Default: false. Attribute: close-button.
Close Timeout	Attribute: close-timeout.
Close On Click	Default: false. Attribute: close-on-click.
Swipe To Close	Default: true. Attribute: swipe-to-close.
Css Class	Attribute: css-class.
Opened	Default: false. Attribute: opened.

Dynamic attributes

Name	Description
Icon	Choose dynamic data binding.
Title	Choose dynamic data binding. Sets the displayed text for the title/label/header. You can enter static text or bind a dynamic value depending on the component and rule. Bootstrap docs: Typography
Title Right Text	Choose dynamic data binding.
Subtitle	Choose dynamic data binding.
Text	Choose dynamic data binding.
Close Button	Choose dynamic data binding.
Close Timeout	Choose dynamic data binding.
Close On Click	Choose dynamic data binding.
Swipe To Close	Choose dynamic data binding.
Css Class	Choose dynamic data binding.
Opened	Choose dynamic data binding.
Params	Choose dynamic data binding.

Dynamic events

Name	Description
Open	Action: Choose the action to execute.
Opened	Action: Choose the action to execute.
Close	Action: Choose the action to execute.
Closed	Action: Choose the action to execute.
Click	Action: Choose the action to execute.