Files
ui/playground/app/pages/components/tooltip.vue
Malik-Jouda 94c49186e1 feat(components): improve RTL support (#2433)
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
2024-10-28 21:37:01 +01:00

22 lines
619 B
Vue

<template>
<div class="flex flex-col">
<UTooltip text="Top" :kbds="['meta', 'T']" :content="{ side: 'top' }" arrow>
<UAvatar text="T" />
</UTooltip>
<div class="flex items-center gap-2 ms-[-20px]">
<UTooltip text="Left" :kbds="['meta', 'L']" :content="{ side: 'left' }" arrow>
<UAvatar text="L" />
</UTooltip>
<UTooltip text="Right" :kbds="['meta', 'R']" :content="{ side: 'right' }" arrow>
<UAvatar text="R" />
</UTooltip>
</div>
<UTooltip text="Bottom" :kbds="['meta', 'B']" arrow>
<UAvatar text="B" />
</UTooltip>
</div>
</template>