Attempting to incorporate tooltips into a vuetify datatable, but encountering issues.
Below is the required template for using a tooltip:
<template v-slot:item.state="{ item }">
<div :class="lights(item)"></div>
</template>
Implementation:
<v-tooltip left>
<template v-slot:activator="{ on }">
<template v-slot:item.state="{ item }">
<div :class="lights(item)"></div>
</template>
</template>
<span>Tooltip</span>
</v-tooltip>
There is also a modal that requires a tooltip with a v-slot activator:
<template v-slot:activator="{ toggle }">
<v-tooltip bottom>
<template v-slot:activator="{ on }" >
<v-icon :color="color" v-on="on" v-on="toggle">mdi-power</v-icon>
</template>
<span>Tooltip</span>
</v-tooltip>
</template>
Seeking assistance on how to proceed with the implementation.