mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 06:23:41 +09:00
first
This commit is contained in:
31
documentation/tooltip/tooltip-shapes-documentation.md
Normal file
31
documentation/tooltip/tooltip-shapes-documentation.md
Normal file
@@ -0,0 +1,31 @@
|
||||
### 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-->
|
||||
Reference in New Issue
Block a user