@buzzalt/tooltip v0.1.0

tooltip

WARNING: work in progress, API is unstable!

A tooltip component that supports layout fallbacks when it falls outside the client area.

See the demo here.

Sample usage:

const tooltip = factory().template(({message}) => `
    <span>${message}</span>
  `)
  .offset(10)
  .create('east')
    .fallback('west');

//...

target.addEventListener('mouseenter', () => {
  tooltip.show(target, {
    message: 'Hi there!'
  });
});

target.addEventListener('mouseleave', () => {
  tooltip.hide();
});

// alternative
const template = tooltip('east').template(({message}) => `
    <span>${message}</span>
  `)
  .offset(10)
  .fallback('west');

License: Apache 2.0.