<dependency>
<groupId>org.webjars.npm</groupId>
<artifactId>popper.js</artifactId>
</dependency>
html
<button id="myButton">Click Me</button>
@GetMapping("/example")
public String example(Model model) {
model.addAttribute("buttonId", "myButton");
model.addAttribute("popperId", "myPopper");
return "example";
}
script
$(document).ready(function() {
var reference = document.getElementById('myButton');
var popper = document.getElementById('myPopper');
new Popper(reference, popper, {
placement: 'right',
modifiers: {
offset: {
offset: '0,10'
}
}
});
});