API Docs 0.11.3.33c7ec07

public
Extends Ember.Component

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}}
Show:

Methods

hide

private

Call to hide the alert. If the fade property is true, this will fade out the alert before being finally dismissed.

show

private

Call to make the alert visible again after it has been hidden

Properties

alert boolean

private

Computed 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

protected

Inherited from Mixins.TypeClass but overwritten in addon/components/bs-alert.js:83

Default: 'alert'

dismissedAction string

public

The action to be sent after the alert has been dismissed (including the CSS transition).

Default: null

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.

Default: true

fade boolean

public

Set to false to disable the fade out animation when hiding the alert.

Default: true

fadeDuration integer

public

The duration of the fade out animation

Default: 150

hidden boolean

protected

If true the alert is completely hidden. Will be set when the fade animation has finished.

Default: false

type String

public
Property for type styling For the available types see the [Bootstrap docs](http://getbootstrap.com/css/#buttons-options) (use without "btn-" prefix)

Default: 'default'

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.

Default: true