# Notification 通知提醒框

全局展示通知提醒信息。

## 何时使用

在系统四个角显示通知提醒信息。经常用于以下情况：

* 较为复杂的通知内容。
* 带有交互的通知，给出用户下一步的行动点。
* 系统主动推送。

### 基本使用

最简单的用法，3 秒后自动关闭。

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

### 取消自动关闭

取消自动关闭只要将`duration`属性设为`0`即可。

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

### 通知图标

使用预设的方法或者手动传入`iconName`属性可以创建带图标的通知。

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

### 自定义位置

可以设置通知从右上角、右下角、左下角、左上角弹出。

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

### 自定义右侧按钮

可以设置右侧按钮的文字和事件。

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

### Notify Options

| 参数           | 说明                                    | 类型     | 可选值                           | 默认值    |
| ------------- | --------------------------------------- | -------- | -------------------------------- | --------- |
| title         | 标题                                     | String   | -                                | -         |
| message       | 消息内容                                  | String   | -                                | -         |
| messageIsHtml | 是否将 message 属性作为 HTML 片段处理       | boolean  | -                                | false     |
| type          | 主题样式，如果不在可选值内将被忽略            | string   | success / info / warning / error | -         |
| iconName      | 自定义图标名称                            | string   | -                                | -         |
| duration      | 显示时间，单位秒，设置为 0 不会自动关闭 | number  | -                                | 3         |
| position      | 自定义弹出位置                            | string   | top-right                        | top-right |
| closable      | 是否显示关闭按钮                          | boolean  | -                                | true      |
| onClose       | 关闭时的回调                             | function | -                                | -         |
| onClick       | 点击时的回调                             | function | -                                | -         |
| iconEntity    | 自定义图标html实体                       | string   | -                                | -         |
| buttons       | 自定义右侧按钮配置，最大长度为2，具体项见下表 | Array    | -                                | -         |

### buttonOption
| 参数 | 说明 | 类型 |
| --- | --- | --- |
| title | 按钮名称 | String |
| onClick | 点击时的回调 | function |

### Notify slots
| 插槽名 | 说明 |
| --- | --- |
| buttons | 自定义右侧内容 |