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

8 votes169 views4 answers
How to check open ports mac
TypeScript
1 vote157 views1 answer
Duplicate names in sql
TypeScript
67 votes299 views2 answers
Whats the best ways to 3 x 3 perfects squares on a webpage using flexbox
TypeScript
1 vote124 views1 answer
Typescript filter undefined
TypeScript
0 vote124 views1 answer
Angular no internet detection
TypeScript
0 vote138 views1 answer
Gpluss logi ionic4
TypeScript
0 vote125 views1 answer
Current and measurement physics formula
TypeScript
2 votes125 views2 answers
Font family system
TypeScript
-1 vote117 views3 answers
Speed test
TypeScript
1 vote142 views1 answer
Import on save typescript
TypeScript