Popover

介紹使用 Popover 彈出框元件

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>

屬性

名稱ValueTypeDefault ValueRequired描述
idString隨機
sizesmall
large
String
themeprimary
success
warning
danger
primary-ghost
success-ghost
warning-ghost
danger-ghost
String
titleString
nopaddingBooleanfalse
Popover Props

演示