boost_js_tooltip_init_with_position_and_content_options.ts

1import { Tooltip, TooltipOptions } from 'boost-js-tooltip';
2
3// Select the trigger element
4const target = document.querySelector<HTMLElement>('#my-button');
5
6if (target) {
7  // Define tooltip options
8  const options: TooltipOptions = {
9    content: 'This is a boost-js-tooltip!',
10    position: 'top',
11    alignment: 'center',
12    offset: 10,
13    showOn: 'mouseenter',
14    hideOn: 'mouseleave'
15  };
16
17  // Initialize the tooltip
18  const myTooltip = new Tooltip(target, options);
19
20  // Optional: Manually show the tooltip
21  // myTooltip.show();
22}