Components.Alert public
Implements Bootstrap alerts
Usage
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.
<BsAlert @type="success">
<strong>Well done!</strong> You successfully read this important alert message.
</BsAlert>Optionally you can render a header for the alert using named blocks syntax:
<BsAlert>
<:header>
Well done!
</:header>
<:body>
You successfully read this important alert message.
</:body>
</BsAlert>The header is rendered using a <h4> element by default. You can customize
that one by setting @headerTag argument of <BsAlert>.
Using named block syntax as shown above may require installing ember-named-blocks-polyfill in your project depending on the Ember version used.
Note that only invoking the component in a template as shown above is considered part of its public API. Extending from it (subclassing) is generally not supported, and may break at any time.
Item Index
Methods
Properties
Events
dismissible boolean public
A dismissible alert will have a close button in the upper right corner, that the user can click to dismiss the alert.
fade boolean public
Set to false to disable the fade out animation when hiding the alert.
fadeDuration number public
The duration of the fade out animation
headerTag string public
HTML tag to be used for the header
type String public
Property for type styling
For the available types see the Bootstrap docs
visible boolean public
This property controls if the alert should be visible. If false it might still be in the DOM until the fade animation has completed.
When the alert is dismissed by user interaction this property will not update by using two-way bindings in order
to follow DDAU best practices. If you want to react to such changes, subscribe to the onDismiss action
onDismiss
public
The action is called when the close button is clicked.
You can return false to prevent closing the alert automatically, and do that in your action by
setting visible to false.
onDismissed
public
The action to be sent after the alert has been dismissed (including the CSS transition).