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

5 votes85 views2 answers
Type usestate typescript
TypeScript
0 vote67 views1 answer
Typescript function return array
TypeScript
1 vote71 views1 answer
Vue router mode history typescript
TypeScript
0 vote73 views1 answer
How to make space equal between elements in a linearlayout android studio
TypeScript
0 vote78 views1 answer
Filter() array of objects on change react
TypeScript
0 vote74 views1 answer
Webintent plugin cordova
TypeScript
8 votes71 views6 answers
Cannot be loaded because running scripts is disabled on this system visual studio code
TypeScript
84 votes185 views6 answers
Conda list environments
TypeScript
11 votes63 views1 answer
Remove dots from ul li
TypeScript
4 votes24 views6 answers
Laravel html components
TypeScript