Skip to content

Tooltip

Displays a text hint when the user hovers over a wrapped component.

Tooltip.builder()
.text("This field is required")
.wrapped(new Text("Hover me!"))
.build()
PropertyTypeDefaultDescription
textStringTooltip text shown on hover
wrappedComponentThe component that triggers the tooltip
styleStringInline CSS
cssClassesStringCSS class names
// Tooltip on a button
Tooltip.builder()
.text("Downloads the report as a PDF")
.wrapped(Button.builder().label("Export").actionId("export").build())
.build()
// Tooltip on an icon
Tooltip.builder()
.text("Read-only — contact your administrator to change this value")
.wrapped(new Icon(IconKey.Lock))
.build()
// Tooltip on any component
Tooltip.builder()
.text("Total including VAT")
.wrapped(new KPI("Total", "€ 1,234.00"))
.build()