# 弹出信息 Popover

Popover 在内容周围弹出一些隐藏的信息。Popover 里面没什么内置样式,在里面填什么主要靠你了。

# 基础用法

点击查看代码
<t-popover position="top">
    <template slot="content">
    <div>I am here!</div>
    </template>
    <t-button>上面</t-button>
</t-popover>

<t-popover  position="bottom">
    <template slot="content">
    <div>I am here!</div>
    </template>
    <t-button>下面</t-button>
</t-popover>

<t-popover  position="left">
    <template slot="content">
    <div>I am here!</div>
    </template>
    <t-button>左边</t-button>
</t-popover>

<t-popover position="right">
    <template slot="content">
    <div>I am here!</div>
    </template>
    <t-button>右边</t-button>
</t-popover>

# Hover

点击查看代码
<t-popover position="top" trigger="hover">
    <template slot="content">
    <div>I am here!</div>
    </template>
    <t-button>上面</t-button>
</t-popover>

<t-popover  position="bottom" trigger="hover">
    <template slot="content">
    <div>I am here!</div>
    </template>
    <t-button>下面</t-button>
</t-popover>

<t-popover  position="left" trigger="hover">
    <template slot="content">
    <div>I am here!</div>
    </template>
    <t-button>左边</t-button>
</t-popover>

<t-popover position="right" trigger="hover">
    <template slot="content">
    <div>I am here!</div>
    </template>
    <t-button>右边</t-button>
</t-popover>

# Props

# popover Props

名称 类型 可选值 默认值 说明
position string top | bottom | left | right top popover 的弹出位置
trigger string click | hover click popover 的触发方式