# Alert 警告提示
警告提示，展现需要关注的信息。

## 何时使用
* 当某个页面需要向用户显示警告的信息时。
* 非浮层的静态展现形式，始终展现，不会自动消失，用户可以点击关闭。

### 基本使用
页面中的非浮层元素，不会自动消失。

@[demo](./demo/basic.vue)

### 全局模式
使用`global`设置会使其去掉边框和圆角，用于页面顶部提示。

@[demo](./demo/global.vue)


### 文字居中
使用`center`属性让文字水平居中

@[demo](./demo/center.vue)


### 带有 icon
表示某种状态时提升可读性。
通过设置`show-icon`属性来显示 Alert 的 icon，这能更有效地向用户展示你的显示意图。

@[demo](./demo/icon.vue)



### 自定义关闭按钮
在`Alert`组件中，你可以设置是否可关闭，关闭按钮的文本以及关闭时的回调函数。
`closable`属性决定是否可关闭，接受`boolean`，默认为true。你可以设置`close-text`属性来代替右侧的关闭图标，设置`close`事件来设置关闭时的回调。

@[demo](./demo/custom-button.vue)


### 带有 icon 和辅助性文字介绍
最后，这是一个同时具有 `icon` 和辅助性文字的样例。

@[demo](./demo/icon-desc.vue)


### props
| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
|---------- |-------------- |---------- |--------------------------------  |-------- |
| **title** | 标题，**必选参数**。也可通过默认 slot 传入 | string | — | — |
| type | 类型 | string | success/warning/info/error | info |
| description | 辅助性文字。也可通过默认 slot 传入 | string | — | — |
| closable | 是否可关闭 | boolean | — | true |
| center | 文字是否居中 | boolean | — | true |
| close-text | 关闭按钮自定义文本 | string | — | — |
| show-icon | 是否显示图标 | boolean | — | false |
| global | 全局模式-会使其去掉边框和圆角，一般用于页面顶部提示 | boolean | — | false |

### events
| 事件名称 | 说明 | 回调参数 |
|---------- |-------- |---------- |
| close | 关闭alert时触发的事件 | — |