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 vote306 views1 answer
Migrate to typescript
TypeScript
1 vote328 views1 answer
Next api typescript
TypeScript
-1 vote311 views1 answer
Ts async function type
TypeScript
0 vote364 views1 answer
Concat and nunll check in typescript
TypeScript
0 vote350 views1 answer
What do brackets mean in python
TypeScript
-1 vote321 views2 answers
Javascript:
TypeScript
0 vote321 views2 answers
Defining component layout next ts
TypeScript
9 votes373 views3 answers
Ng.ps1 cannot be loaded because running scripts is disabled on this system vscode
TypeScript
0 vote328 views1 answer
Flutter constructor default value
TypeScript
0 vote318 views1 answer
Requirements check failed for jdk 8 (
TypeScript