mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 08:13:40 +09:00
44 lines
762 B
Markdown
44 lines
762 B
Markdown
### Tooltips
|
|
|
|
You can add the `v-tooltip` directive to `<VIconWrap />` component.
|
|
See code for more details about usage.
|
|
|
|
<!--code-->
|
|
|
|
```vue
|
|
<template>
|
|
<VFlex column-gap="3px">
|
|
<VIconWrap
|
|
v-tooltip.rounded="'Iam a rounded tooltip'"
|
|
icon="lucide:help-circle"
|
|
color="info"
|
|
has-background
|
|
has-large-icon
|
|
/>
|
|
</VFlex>
|
|
</template>
|
|
```
|
|
|
|
<!--/code-->
|
|
|
|
<!--example-->
|
|
|
|
<div>
|
|
<VFlex column-gap="3px">
|
|
<VIconWrap
|
|
v-tooltip.rounded="'Iam a rounded tooltip'"
|
|
icon="lucide:help-circle"
|
|
color="info"
|
|
has-background
|
|
has-large-icon
|
|
/>
|
|
<VIconWrap
|
|
v-tooltip.info.rounded="'Iam a rounded tooltip'"
|
|
icon="bi:question-lg"
|
|
color="info"
|
|
/>
|
|
</VFlex>
|
|
</div>
|
|
|
|
<!--/example-->
|