Tooltip

Usage

Utilise a default tooltip with the information icon.

<template>
  <CTooltip
    content="Tooltip content"
    :float="{ side: 'left' }"
  />
</template>

Trigger text

The default slot requires a root element. This means to use just text, you must wrap in span or a similar element. Alternatively, use triggerText prop to pass a string.

<template>
<CTooltip content="Example tooltip" trigger-text="Hover me!" />
</template>

Disabled

Use the disabled boolean prop to prevent tooltip activation.

<template>
<CTooltip disabled content="Example tooltip" trigger-text="Hover me!" />
</template>

Float

Use the float prop to customise the props passed to TooltipContent.

<template>
<CTooltip :float="{ placement: 'right', sideOffset: 10 }" content="Example tooltip" trigger-text="Hover me!" />
</template>

Props