# Popover弹出框

# ✨简单用法

上边弹出 下边弹出 左边弹出 右边弹出

<wb-popover>
    <template slot="content">
        <div>我是popover弹出内容</div>
    </template>
    <wb-button>上边弹出</wb-button>
</wb-popover>
<wb-popover position="bottom">
    <template slot="content">
        <div>我是popover弹出内容</div>
    </template>
    <wb-button>下边弹出</wb-button>
</wb-popover>
<wb-popover position="left">
    <template slot="content">
        <div>我是popover弹出内容</div>
    </template>
    <wb-button>左边弹出</wb-button>
</wb-popover>
<wb-popover position="right">
    <template slot="content">
        <div>我是popover弹出内容</div>
    </template>
    <wb-button>右边弹出</wb-button>
</wb-popover>
显示代码 复制代码

# 📌 Attributes

参数 说明 类型 可选值 默认值
position 弹框位置 string top/bottom/left/right top