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 vote161 views1 answer
Mat-toolbar' is not a known element
TypeScript
0 vote164 views1 answer
Typescript allow object subset of interface
TypeScript
0 vote172 views1 answer
Destructuring props in styled-components
TypeScript
2 votes170 views1 answer
Find total commits in git
TypeScript
6 votes139 views1 answer
How to read excel file with multiple sheets in python
TypeScript
10 votes167 views3 answers
Addeventlistener with arguments in angular 8
TypeScript
-1 vote180 views2 answers
Activate router angular
TypeScript
0 vote159 views1 answer
Testing tools vs testing techniques
TypeScript
1 vote151 views2 answers
.env typescript
TypeScript
0 vote194 views1 answer
Upload keystore file to secrets github actions
TypeScript