API Docs for:
Show:

File: packages/bricksui-thirdpart/lib/bu-alert.js

/**
 @module bricksui
 @submodule bricksui-thirdpart
 */
/**
 对应Bootstrap alert组件,对Bootstrap alert进行轻量级封装


 ####基本用法
 ```handlebars
 {{bu-alert message="A warning alert with simple message." type="warning"}}
 ```

 ####利用bootstrap的样式
 * type=`primary`
 * type=`success`
 * type=`info`
 * type=`warning`
 * type=`danger`

 ```javascript
 {{#bu-alert message="Primary alert" type="primary"}}
 <p>Panel content.</p>
 {{/bu-alert}}
 {{#bu-alert message="Success alert" type="success"}}
 <p>Panel content.</p>
 {{/bu-alert}}
 {{#bu-alert message="Info alert" type="info"}}
 <p>Panel content.</p>
 {{/bu-alert}}
 {{#bu-alert message="Warning alert" type="warning"}}
 <p>Panel content.</p>
 {{/bu-alert}}
 {{#bu-alert message="Danger alert" type="danger"}}
 <p>Panel content.</p>
 {{/bu-alert}}
 ```

 #### 更多可选配置
 * `message` alert内显示的信息
 * `dismiss` 设定panel是否可以被关闭,`true` `false`
 * `dismissAfter` 配置`dismissAfter` alert会在多少秒后消失 `number`
 * `fade` 配置`fade` ,则在关闭时,会显示淡出动画
 * `close` 在关闭时触发控制器对应的方法
 * `closed` 在关闭完成后触发控制器对应的方法(在淡出动画完成后)
 ```javascript
 {{#bu-alert type="danger"}}
 <h4 class="alert-heading">Oh snap! You got an error!</h4>
 <p>Alert can also be used in a <strong>block form</strong>.</p>
 <p>
 <button class="btn btn-danger" {{action "submit"}}>Take this action</button> <a class="btn btn-default">Or do this</a>
 </p>
 {{/bu-alert}}
 ```

 @namespace BricksUI
 @class BuAlert
 @extends Ember.View
 */