javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2026-03-13 07:51:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(components): [popover] better presentation (#10784)

Browse Source
This commit is contained in:
RealityBoy
2022-11-26 13:53:18 +08:00
committed by GitHub
parent 516d49f4d5
commit 7b9039b337
1 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
docs/examples/popover/basic-usage.vue
View File

@@ -7,7 +7,7 @@
content="this is content, this is content, this is content"
>
<template #reference>
<el-button>Hover to activate</el-button>
<el-button class="m-2">Hover to activate</el-button>
</template>
</el-popover>
@@ -19,7 +19,7 @@
content="this is content, this is content, this is content"
>
<template #reference>
<el-button>Click to activate</el-button>
<el-button class="m-2">Click to activate</el-button>
</template>
</el-popover>
@@ -32,7 +32,7 @@
content="this is content, this is content, this is content"
>
<template #reference>
<el-button>Focus to activate</el-button>
<el-button class="m-2">Focus to activate</el-button>
</template>
</el-popover>
@@ -44,7 +44,7 @@
content="this is content, this is content, this is content"
>
<template #reference>
<el-button>contextmenu to activate</el-button>
<el-button class="m-2">contextmenu to activate</el-button>
</template>
</el-popover>
@@ -56,7 +56,9 @@
content="this is content, this is content, this is content"
>
<template #reference>
<el-button @click="visible = !visible">Manual to activate</el-button>
<el-button class="m-2" @click="visible = !visible"
>Manual to activate</el-button
>
</template>
</el-popover>
</template>
@@ -66,3 +68,9 @@ import { ref } from 'vue'
const visible = ref(false)
</script>
<style scoped>
.el-button + .el-button {
margin-left: 8px;
}
</style>