boost_js_tooltip_quickstart_with_custom_placement_and_trigger.ts

1import Tooltip from 'boost-js-tooltip';
2
3// Select the trigger element
4const triggerElement = document.querySelector<HTMLElement>('#my-button');
5
6if (triggerElement) {
7  // Initialize the tooltip
8  const tooltip = new Tooltip(triggerElement, {
9    title: 'Hello! This is a tooltip.',
10    placement: 'top', // 'top' | 'bottom' | 'left' | 'right'
11    trigger: 'hover',   // 'hover' | 'click' | 'focus'
12    container: 'body'
13  });
14
15  // Example: Manually showing the tooltip
16  // tooltip.show();
17}