@inkline/inkline/src/components/ITooltip/examples/trigger.html

Inkline is the Vue.js UI/UX Library built for creating your next design system

<i-tooltip trigger="click">
    <i-button>Click Tooltip</i-button>
    <template #body>Tooltip</template>
</i-tooltip>

<i-tooltip trigger="hover">
    <i-button>Hover Tooltip</i-button>
    <template #body>Tooltip</template>
</i-tooltip>

<i-tooltip trigger="focus">
    <i-button type="submit">Focus Tooltip</i-button>
    <template #body>Tooltip</template>
</i-tooltip>

<i-tooltip :trigger="['focus', 'hover']">
    <i-button>Multiple Events Tooltip</i-button>
    <template #body>Tooltip</template>
</i-tooltip>

<i-tooltip trigger="manual" v-model="visible">
    <i-button @click="visible = !visible">Manual Tooltip</i-button>
    <template #body>Tooltip</template>
</i-tooltip>