Offset #

The offset's default value is 8px which accounts for the size of the arrow. The offset utilizes Floating UI's offset middleware. Currently, passing a number is only supported, specifying an axis will be supported in the future.

Plugin #

Implementation of the offset using the plugin options.

// main.ts/js 
import VueBaseTooltip from 'vue-base-tooltip'

app.use(VueBaseTooltip, { offset: 24 }) 

Prop #

Implementation of the offset using the component prop.

// App.vue 
<template>
  <RouterView />
  <VTooltip :offset="24" /> 
</template>

Example #