
#  Alert 警告提示
---
### 基础用法
* 根据type的值，```success```,```info```,```warning```,```error```来表示弹框的类型
* 根据属性```show-icon```,可以加icon
* 根据属性```closable```,可以添加关闭图标
* 根据属性```title```,可以添加标题
* 根据属性```description```,可以添加描述内容

<div class="demo-block">
  <y-alert type="success" show-icon closable title="成功提示"></y-alert>
  <y-alert type="info" show-icon closable title="消息提示"></y-alert>
  <y-alert type="warning" show-icon closable title="警告提示"></y-alert>
  <y-alert type="error" show-icon closable title="错误提示" description="这里是错误了的信息的描述信息"></y-alert>
</div>

::: demo

``` html
<template>
  <y-alert type="success" show-icon closable title="成功提示" ></y-alert>
  <y-alert type="info" show-icon closable title="消息提示"></y-alert>
  <y-alert type="warning" show-icon closable title="警告提示"></y-alert>
  <y-alert type="error" show-icon closable title="错误提示" description="这里是错误了的信息的描述信息"></y-alert>
</template>

```
:::


### y-alert 属性说明
| 属性      | 说明     | 类型      | 可选值        | 默认值   |
|---------- |--------  |---------- |-------------  |-------- |
|type|按钮类型，可选值为success、info、warning、error或者不设置|String|--|info| 
| show-icon  | 是否显示图标 | boolean   |    true/false    | false   |
| closable | 是否显示关闭图标 | boolean   |    true/false    | false   |
| title  | 标题,必填 | String  |  -- |  --  |
| description | 描述的内容，选填 | String  |  -- |  --  |

