mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 06:03:39 +09:00
32 lines
888 B
Markdown
32 lines
888 B
Markdown
### Tooltip Shapes
|
|
|
|
Vuero tooltips can have different shapes,
|
|
based on what you need in your design.
|
|
Available shape modifiers are: `.rounded` and `.bubble`.
|
|
Note that the bubble tooltip has uppercase set by default
|
|
and doesn't have a tooltip arrow.
|
|
|
|
<!--code-->
|
|
|
|
```vue {4,10,16}
|
|
<template>
|
|
<VTags>
|
|
<VTag v-tooltip="'Iam a default tooltip'" color="solid" label="Default" />
|
|
<VTag v-tooltip.rounded="'Iam a rounded tooltip'" color="solid" label="Rounded" />
|
|
<VTag v-tooltip.bubble="'Iam a bubble tooltip'" color="solid" label="Bubble" />
|
|
</VTags>
|
|
</template>
|
|
```
|
|
|
|
<!--/code-->
|
|
|
|
<!--example-->
|
|
|
|
<VTags>
|
|
<VTag v-tooltip="'Iam a default tooltip'" color="solid" label="Default" />
|
|
<VTag v-tooltip.rounded="'Iam a rounded tooltip'" color="solid" label="Rounded" />
|
|
<VTag v-tooltip.bubble="'Iam a bubble tooltip'" color="solid" label="Bubble" />
|
|
</VTags>
|
|
|
|
<!--/example-->
|