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.