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 vote183 views1 answer
Captain tsubasa episodi
TypeScript
2 votes228 views2 answers
Moment datepicker
TypeScript
1 vote192 views1 answer
React typescript input set focus dinamically
TypeScript
-1 vote196 views2 answers
Cannot find name 'HttpHeaders'
TypeScript
2 votes195 views1 answer
Router navigate pass params
TypeScript
0 vote245 views1 answer
Get alphabets and space only from xml file in android studio
TypeScript
9 votes298 views2 answers
Mongodb add array to set
TypeScript
0 vote259 views1 answer
Godot preload
TypeScript
0 vote260 views1 answer
Close mat dialog programmatically
TypeScript
0 vote201 views1 answer
When to choose automation over manual testing
TypeScript