vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Add tooltips

pull/6011/head
Cagatay Civici 2024-07-02 15:37:37 +03:00
parent f1bd92f01b
commit fcfeef0770
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/showcase/doc/dock/BasicDoc.vue
View File

@ -12,7 +12,7 @@
<div class="dock-window" style="backgroundimage: 'url(https://primefaces.org/cdn/primevue/images/dock/window.jpg)'"> <div class="dock-window" style="backgroundimage: 'url(https://primefaces.org/cdn/primevue/images/dock/window.jpg)'">
<Dock :model="items" :position="position"> <Dock :model="items" :position="position">
<template #itemicon="{ item }"> <template #itemicon="{ item }">
<img :alt="item.label" :src="item.icon" style="width: 100%" /> <img v-tooltip.top="item.label" :alt="item.label" :src="item.icon" style="width: 100%" />
</template> </template>
</Dock> </Dock>
</div> </div>
@ -65,7 +65,7 @@ export default {
basic: ` basic: `
<Dock :model="items" :position="position"> <Dock :model="items" :position="position">
<template #itemicon="{ item }"> <template #itemicon="{ item }">
<img :alt="item.label" :src="item.icon" style="width: 100%" /> <img v-tooltip.top="item.label" :alt="item.label" :src="item.icon" style="width: 100%" />
</template> </template>
</Dock> </Dock>
`, `,
@ -81,7 +81,7 @@ export default {
<div class="dock-window"> <div class="dock-window">
<Dock :model="items" :position="position"> <Dock :model="items" :position="position">
<template #itemicon="{ item }"> <template #itemicon="{ item }">
<img :alt="item.label" :src="item.icon" style="width: 100%" /> <img v-tooltip.top="item.label" :alt="item.label" :src="item.icon" style="width: 100%" />
</template> </template>
</Dock> </Dock>
</div> </div>
@ -162,7 +162,7 @@ export default {
<div class="dock-window" style="backgroundimage: 'url(https://primefaces.org/cdn/primevue/images/dock/window.jpg))'"> <div class="dock-window" style="backgroundimage: 'url(https://primefaces.org/cdn/primevue/images/dock/window.jpg))'">
<Dock :model="items" :position="position"> <Dock :model="items" :position="position">
<template #itemicon="{ item }"> <template #itemicon="{ item }">
<img :alt="item.label" :src="item.icon" style="width: 100%" /> <img v-tooltip.top="item.label" :alt="item.label" :src="item.icon" style="width: 100%" />
</template> </template>
</Dock> </Dock>
</div> </div>