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

feat(Tooltip): adding option to show popper arrow (#868)

Browse Source 
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
Conner
2023-10-26 08:41:42 -05:00
committed by GitHub
parent 8ba2a791e4
commit 4ce23746da
8 changed files with 65 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
docs/components/content/examples/TooltipExampleArrow.vue Normal file
View File

@@ -0,0 +1,5 @@
<template>
<UTooltip text="Tooltip example" :shortcuts="['⌘', 'O']" :popper="{ arrow: true }">
<UButton color="gray" label="Hover me" />
</UTooltip>
</template>

5
docs/components/content/examples/TooltipExampleOffset.vue Normal file
View File

@@ -0,0 +1,5 @@
<template>
<UTooltip text="Tooltip example" :shortcuts="['⌘', 'O']" :popper="{ offsetDistance: 16 }">
<UButton color="gray" label="Hover me" />
</UTooltip>
</template>

5
docs/components/content/examples/TooltipExamplePlacement.vue Normal file
View File

@@ -0,0 +1,5 @@
<template>
<UTooltip text="Tooltip example" :shortcuts="['⌘', 'O']" :popper="{ placement: 'right' }">
<UButton color="gray" label="Hover me" />
</UTooltip>
</template>

16
docs/content/6.overlays/4.tooltip.md
View File

@@ -10,6 +10,22 @@ links:
:component-example{component="tooltip-example"}
## Popper
Use the `popper` prop to customize the tootip.
### Arrow
:component-example{component="tooltip-example-arrow"}
### Placement
:component-example{component="tooltip-example-placement"}
### Offset
:component-example{component="tooltip-example-offset"}
## Slots
### `text`