# Tip 提示
用于页面上的文本提示。

## 基础用法
目前只提供两种类型的用法，设置最大宽度可实现自动换行。
:::demo 使用`f-icon`嵌入图标
````html
<div class="box flex-column">
    <efly-tip width="300px">提示提示提示提示提示</efly-tip>
    <efly-tip width="300px" type="success">提示提示提示提示提示</efly-tip>
    <efly-tip width="300px" type="warning">提示提示提示提示提示</efly-tip>
    <efly-tip icon="icon-tips" width="300px" type="danger">提示提示提示提示提示</efly-tip>
    <efly-tip width="300px" type="info">提示提示提示提示提示</efly-tip>
</div>
````
:::

## 确认提示
需确认才会执行的方案。
:::demo 使用`f-icon`嵌入图标
````html
<div class="box flex-column">
    <efly-tip icon="icon-tips" width="300px" type="checkbox" :active="checkbox" @click="selectCheckbox($event, 'checkbox')">提示提示提示提示提示</efly-tip>
</div>
<script>
export default {
    components: {},
    data() {
        return{
            checkbox: false,
            selectCheckbox: function($event, checkbox) {
              this[checkbox] = !this[checkbox]
            }
        }
    }
}
</script>
````
:::

## 参数说明
|   参数     |   说明    | 类型      | 可选值       | 默认值   |
|---------  |-------- |---------- |-------------  |-------- |
|icon       |图标     | String  |  —  |    —    |
|width      |自动适应  | String  |     —       |    auto     |
|type       |类型     | String  |  primary/danger/checkbox        |   primary   |
|active     |checkbox选中状态     | Boolean  |  false/true        |   false   |
|label      |checkbox文字   | String  |  —        |   确认   |

## 事件
| 事件名称      | 说明    | 回调参数   
|---------- |-------- |---------- |
| click     | checkbox点击事件   |  -  |