Files
oa/documentation/tooltip/tooltip-shapes-documentation.md
2025-05-24 01:49:48 +09:00

888 B

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.

<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>