## 基本用法
Alert 组件提供四种主题，由`type`属性指定，默认值为`info`，下面的示例展示了四种不同的主题。
```html
```
## 自定义关闭按钮
在alert组件中，你可以设置是否可关闭，关闭按钮的文本以及关闭时的回调函数。
`closable`属性决定是否可关闭，接受`boolean`，默认为`true`。
你可以设置`close-text`属性来代替右侧的关闭图标，注意：`close-text`必须为文本。
设置`close`事件来设置关闭时的回调。
下面的示例展示了上述三种情况：
```html
```
## 带有 icon
通过设置`show-icon`属性来显示alert的icon，这能更有效的向用户展示你的显示意图。
```html
```
## 带有辅助性文字介绍
除了必填的`title`属性外，你可以设置`description`属性来帮助你更好的介绍，我们称之为辅助性文字。辅助性文字只能存放单行文本，会自动换行显示。
```html
```
## 带有 icon 和辅助性文字介绍
最后，这是一个同时具有 icon 和辅助性文字的样例。
```html
```
## Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---------- |-------------- |---------- |-------------------------------- |-------- |
| **title** | 标题，**必选参数** | string | | |
| type | 主题 | string | 'success', 'warning', 'info', 'error' | 'info' |
| description | 辅助性文字 | string | | |
| closable | 是否可关闭 | boolean | | true |
| close-text | 关闭按钮自定义文本 | string | | |
| showIcon | 是否显示图标 | boolean | | false |
## Events
| 事件名称 | 说明 | 回调参数 |
|---------- |-------- |---------- |
| close | 关闭alert时触发的事件 | |