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

0 vote329 views1 answer
Group objects in javascript
TypeScript
7 votes319 views2 answers
Axios typescript
TypeScript
2 votes355 views1 answer
Python remove folder recursively
TypeScript
0 vote294 views1 answer
Add custom text after title of products on achive page
TypeScript
2 votes305 views2 answers
How to get the elements that missing in other tables sql
TypeScript
0 vote316 views1 answer
Java sort arraylist of objects by field descending
TypeScript
9 votes329 views4 answers
Error TS2564: Property 'description' has no initializer and is not definitely assigned in the constructor. in angular class
TypeScript
0 vote312 views1 answer
Prolog check if element in different lists are same
TypeScript
0 vote327 views1 answer
How to read web page in type script
TypeScript
0 vote317 views2 answers
How to check if a string contains only alphabets and space in java
TypeScript