Google News
logo
Popper.js - Interview Questions
How to create Offset tooltip in Popper.js?
Our arrow currently overlaps the reference, we can give it a distance of 8px using the offset modifier:
const popperInstance = Popper.createPopper(button, tooltip, {
  modifiers: [
    {
      name: 'offset',
      options: {
        offset: [0, 8],
      },
    },
  ],
});

Output : 
Popper

Advertisement