Skip to main content

​
Overview

Animated Tooltip is a component that displays interactive tooltips that follow the mouse pointer on hover, perfect for showing user profiles or additional information.

​
Usage

<template>
  <AnimatedTooltip :items="people" />
</template>

<script setup>
const people = [
  {
    id: 1,
    name: "John Doe",
    designation: "Software Engineer",
    image: "/path/to/image.jpg"
  }
]
</script>

​
API Reference

​
Props

Prop NameTypeDefaultDescription
itemsArray<{id: number, name: string, designation: string, image: string}>[]An array of objects, each representing an item. Each object in the array should have the following properties: id, name, designation, image

​
Credits

Build docs developers (and LLMs) love

Get started for freeTalk to us