Vue 3 bootstrap 5 tooltip

// In App.vue
import { Tooltip } from "bootstrap";

new Tooltip(document.body, {
  selector: "[data-bs-toggle='tooltip']",
});

// In your template
<span
  data-bs-toggle="tooltip"
  data-bs-placement="bottom"
  data-bs-html="true"
  title="<u>Tooltip</u>"
>
  Text with tooltip
</span>

Source: codepen.io

Similar codes

4 votes225 views2 answers
From how many ways we can define props with typescript react
TypeScript
0 vote254 views1 answer
Vb net code snippets for storing password
TypeScript
0 vote209 views1 answer
How to check if an element starts with class in jquery
TypeScript
0 vote230 views1 answer
Close mat dialog programmatically
TypeScript
5 votes200 views1 answer
Angular navigate to the same route with different parameter
TypeScript
1 vote204 views1 answer
Divide all elements of list by an integer
TypeScript
0 vote195 views1 answer
Read excel typescript
TypeScript
0 vote219 views2 answers
Typescript array of mixed types
TypeScript
0 vote217 views1 answer
How to do Email validation using Regular expression in Typescript
TypeScript
0 vote222 views1 answer
Nmap find all hosts on a network
TypeScript