arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-18 14:08:06 +01:00
Code Issues Packages Projects Releases Wiki Activity

playground(tooltip): improve

Browse Source
This commit is contained in:
Benjamin Canac
2024-03-18 22:05:17 +01:00
parent fe467da9bf
commit 0c0ff7b100
1 changed files with 19 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
playground/pages/tooltip.vue
View File

@@ -1,5 +1,21 @@
<template>
<UTooltip text="Tooltip" :shortcuts="['⌘', 'K']" arrow>
<UAvatar src="https://avatars.githubusercontent.com/u/739984?v=4" />
</UTooltip>
<div class="flex flex-col">
<UTooltip text="Top" :shortcuts="['⌘', 'T']" :content="{ side: 'top' }" arrow>
<UAvatar text="T" />
</UTooltip>
<div class="flex items-center gap-2 -ml-[20px]">
<UTooltip text="Left" :shortcuts="['⌘', 'L']" :content="{ side: 'left' }" arrow>
<UAvatar text="L" />
</UTooltip>
<UTooltip text="Right" :shortcuts="['⌘', 'R']" :content="{ side: 'right' }" arrow>
<UAvatar text="R" />
</UTooltip>
</div>
<UTooltip text="Bottom" :shortcuts="['⌘', 'B']" arrow>
<UAvatar text="B" />
</UTooltip>
</div>
</template>