
Popover 彈出框,通常應用在呈現輔助資訊,例如畫面上空間不夠但是又必須呈現很多說明文字時,就可以使用此種元件。顯示時會懸浮於畫面上,蓋住部分原來網頁。
基本使用
<bpa-popover>content</bpa-popover>
大小
<bpa-popover size="small">small</bpa-popover>
主題色
<bpa-popover theme="primary">primary</bpa-popover>
沒有內距
<bpa-popover nopadding>content</bpa-popover>
標題
<bpa-popover title="title">content</bpa-popover>
<bpa-popover>
<template v-slot:title>
<mark>title</mark>
</template>
content
</bpa-popover>
屬性
名稱 | Value | Type | Default Value | Required | 描述 |
---|---|---|---|---|---|
id | String | 隨機 | |||
size | small large | String | |||
theme | primary success warning danger primary-ghost success-ghost warning-ghost danger-ghost | String | |||
title | String | ||||
nopadding | Boolean | false |