An opinionated sample demo for a Tippy.js tooltip with HTML in Vaadin.
@Route("")
class MainView extends VerticalLayout {
MainView() {
var h1 = new H1("Hi Tippy.js!");
TippyJs.forComponent(h1).setHtml("""
"Hi" in Swiss German (Schwiizerdütsch):
<ul>
<li>Hoi</li>
<li>Sali</li>
<li>Grüezi</li>
<li>Tschou</li>
<li>...</li>
</ul>
""".stripIndent());
add(h1);
}
}
./gradlew build bootRun
- Java 21
- Vaadin 24
- Spring Boot 3
Here some links to resources, which inspired me: