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 vote198 views1 answer
Representation of graph usig sets and hash in python
TypeScript
0 vote192 views1 answer
Pass parameter to NestJs Guard
TypeScript
0 vote189 views1 answer
Gdscript remove deleted objects from array
TypeScript
1 vote171 views1 answer
Mongodb aggregate cond
TypeScript
0 vote195 views2 answers
Object map of the http parameters mutually exclusive with fromString
TypeScript
2 votes200 views1 answer
Google reference static
TypeScript
0 vote210 views3 answers
Typescript with babel
TypeScript
0 vote203 views1 answer
Print elements of unordered set c++
TypeScript
1 vote200 views1 answer
Css selector starts with
TypeScript
0 vote216 views1 answer
How to execute more commands scripts package.json
TypeScript