svcm/oa
1
0
Fork 0
mirror of https://git.hmsn.ink/kospo/svcm/oa.git synced 2026-03-20 09:53:29 +09:00
Code Issues Packages Projects Releases Wiki Activity

first

Browse Source
This commit is contained in:
bangae1
2025-05-24 01:49:48 +09:00
commit 62abbcf4eb
2376 changed files with 325522 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
documentation/tooltip/tooltip-base-documentation.md Normal file
View File

@@ -0,0 +1,77 @@
### VTooltip
Vuero offers a very simple versatile v-tooltip directive.
The example below is the default and basic version.
There are 6 default positions accessible with modifiers: `.top-left`,
`.top-right`, `.bottom-left`, `.bottom`, `.bottom-right`.
<!--code-->
```vue {4,10,16,22,28,34}
<template>
<VTags>
<VTag v-tooltip.left="'Iam a top left tooltip'" color="solid" label="Top Left" />
<VTag v-tooltip="'Iam a top center tooltip'" color="solid" label="Top Center" />
<VTag v-tooltip.right="'Iam a top right tooltip'" color="solid" label="Top Right" />
<VTag
v-tooltip.bottom.left="'Iam a bottom left tooltip'"
color="solid"
label="Bottom Left"
/>
<VTag
v-tooltip.bottom="'Iam a bottom center tooltip'"
color="solid"
label="Bottom Center"
/>
<VTag
v-tooltip.bottom.right="'Iam a bottom right tooltip'"
color="solid"
label="Bottom Right"
/>
</VTags>
</template>
```
<!--/code-->
<!--example-->
<VTags>
<VTag
v-tooltip.left="'Iam a top left tooltip'"
color="solid"
label="Top Left"
/>
<VTag
v-tooltip="'Iam a top center tooltip'"
color="solid"
label="Top Center"
/>
<VTag
v-tooltip.right="'Iam a top right tooltip'"
color="solid"
label="Top Right"
/>
<VTag
v-tooltip.bottom.left="'Iam a bottom left tooltip'"
color="solid"
label="Bottom Left"
/>
<VTag
v-tooltip.bottom="'Iam a bottom center tooltip'"
color="solid"
label="Bottom Center"
/>
<VTag
v-tooltip.bottom.right="'Iam a bottom right tooltip'"
color="solid"
label="Bottom Right"
/>
</VTags>
<!--/example-->