Vue bootstrap 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 vote179 views1 answer
Comments html.erb
TypeScript
0 vote184 views1 answer
Font awesome reeact js example
TypeScript
0 vote192 views1 answer
Create and return a merged list of all the elements in sorted order
TypeScript
0 vote234 views1 answer
Graphql?query={__schema{types{name,fields{name}}}}
TypeScript
0 vote195 views1 answer
How does the biological aspect of mountain region depend upon its physical aspect
TypeScript
-4 votes195 views1 answer
Whats a group of pandas called
TypeScript
-1 vote234 views1 answer
Mysqli_fetch_row() expects parameter 1 to be mysqli_result, boolean given in
TypeScript
0 vote207 views1 answer
Compare two lists and find at least one equal python
TypeScript
0 vote231 views1 answer
How to print certain elements of an array
TypeScript
1 vote199 views1 answer
Vue components import each other recursive
TypeScript