# Popover - 弹出层

点击/鼠标移入元素,弹出气泡式的卡片浮层。

# 预览


# 代码展示

<m-popover>
  <m-button>点我弹出气泡卡片</m-button>
  <template slot="content">我是气泡卡片</template>
</m-popover>
<br>
<m-popover trigger="hover">
  <m-button>摸我弹出气泡卡片(鼠标移入)</m-button>
  <template slot="content">我是气泡卡片</template>
</m-popover>
<br>
<m-popover position="right">
  <m-button>点我从右边弹出气泡卡片</m-button>
  <template slot="content">我是气泡卡片</template>
</m-popover>

# 弹出层属性

属性 说明 类型 默认值 取值
position 设置弹出层位置 string top 目前支持的取值有 top | bottom | left | right
trigger 设置触发弹出层的方式 string click click | hover