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 vote312 views1 answer
Typescript dynamic dict
TypeScript
0 vote309 views1 answer
Export data in Documents outside sandbox in swift
TypeScript
0 vote301 views1 answer
Usage: testing_caption_generator.py [-h] -i IMAGE testing_caption_generator.py: error: the following arguments are required: -i/--image An exception has occurred, use %tb to see the full traceback.
TypeScript
0 vote295 views1 answer
How to parameterize test cases
TypeScript
0 vote298 views1 answer
Const formats = { time: { '24hour': {hour12: false, hours: 'numeric', minute: 'numeric'} } }; <IntlProvider locale={locale} messages={messages} formats={formats}> <FormattedTime value={someDate} format='24hour'/> </IntlProvider>
TypeScript
0 vote322 views1 answer
Mixins with parameters typescript
TypeScript
3 votes327 views1 answer
Google chrome extensions content scripts matches
TypeScript
14 votes315 views4 answers
Typescript convert color to rgb
TypeScript
0 vote301 views1 answer
.htaccess Forcing scripts to display as source code
TypeScript
0 vote304 views1 answer
Typescript globalThis
TypeScript