Components.Alert Class
Implements Bootstrap alerts, see http://getbootstrap.com/components/#alerts
By default it is a user dismissible alert with a fade out animation, both of which can be disabled. Be sure to set the
type
property for proper styling.
{{#bs-alert type="success"}}
<strong>Well done!</strong> You successfully read this important alert message.
{{/bs-alert}}
Item Index
Methods
hide
privateCall to hide the alert. If the fade
property is true, this will fade out the alert before being finally
dismissed.
show
privateCall to make the alert visible again after it has been hidden
Properties
alert boolean
privateComputed property to set the alert class to the component div. Will be false when dismissed to have the component div (which cannot be removed form DOM by the component itself) without any markup.
classTypePrefix String
protectedDefault: 'alert'
dismissedAction string
publicThe action to be sent after the alert has been dismissed (including the CSS transition).
Default: null
dismissible boolean
publicA dismissible alert will have a close button in the upper right corner, that the user can click to dismiss the alert.
Default: true
fade boolean
publicSet to false to disable the fade out animation when hiding the alert.
Default: true
fadeDuration integer
publicThe duration of the fade out animation
Default: 150
type String
publicDefault: 'default'
visible boolean
publicThis property controls if the alert should be visible. If false it might still be in the DOM until the fade animation has completed.
Default: true