Directory

← Back

Tooltip

Tooltip is a component that can be used in conjunction with any component to display contextual information.

Author

Rating

Popularity

700+

Usage

Tooltip is a component that can be used in conjunction with any component to display contextual information. When the attached component is hovered, the tooltip displays the contextual information.

Client-side implementation

This is the server-side (Java) API for Vaadin Platform for the vcf-tooltip component. Looking for the client-side version? It can be found here: https://vaadin.com/directory/component/vaadin-component-factoryvcf-tooltip

Major pieces of development of this add-on has been sponsored by multiple customers of Vaadin. Read more about Expert on Demand at: Support and Pricing

Sample code

Button button = new Button("Click me");
Tooltip tooltip = new Tooltip();

tooltip.attachToComponent(button);

tooltip.setPosition(TooltipPosition.RIGHT);
tooltip.setAlignment(TooltipAlignment.LEFT);

tooltip.add(new H5("Hello"));
tooltip.add(new Paragraph("This is an example of how to use it"));
// Tooltip should be added to layout as well 
add(button, tooltip);
Button open = new Button("Open tooltip", event -> {
    tooltip.open();
});

Button close = new Button("Close tooltip", event -> {
    tooltip.close();
});

button.addClickListener(event -> {
   tooltip.setEnabled(!tooltip.isEnabled());
});
// Tooltip should be added to layout as well 
add(open, close, button, tooltip);

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Version compatible with Vaadin 22.

Released
2023-09-29
Maturity
EXPERIMENTAL
License
Apache License 2.0

Compatibility

Framework
Vaadin 22
Vaadin 14+ in 1.2.2
Vaadin 14 in 1.3.6
Vaadin 10+ in 1.2.0
Vaadin 23+ in 2.0.0
Vaadin 23 in 2.0.3
Browser
N/A

Tooltip - Vaadin Add-on Directory

Tooltip is a component that can be used in conjunction with any component to display contextual information. Tooltip - Vaadin Add-on Directory
## Usage Tooltip is a component that can be used in conjunction with any component to display contextual information. When the attached component is hovered, the tooltip displays the contextual information. ### Client-side implementation This is the server-side (Java) API for Vaadin Platform for the vcf-tooltip component. Looking for the client-side version? It can be found here: https://vaadin.com/directory/component/vaadin-component-factoryvcf-tooltip ### Sponsored development Major pieces of development of this add-on has been sponsored by multiple customers of Vaadin. Read more about Expert on Demand at: [Support](https://vaadin.com/support) and [Pricing](https://vaadin.com/pricing)
Online Demo
View on GitHub

Tooltip version 1.2.0
Updated client-side dependency to vcf-tooltip v1.2.0

Tooltip version 1.2.1
Updated to use vcf-tooltip v1.2.1 Changes since vcf-tooltip v1.2.0: - Fix tooltip position when target element has absolute positioning (issue #29 from old repository)

Tooltip version 1.2.2
Upgrade to Vaadin 14. Use version 1.2.1 for Vaadin 10-13.

Tooltip version 1.3.0
### Version 1.3.0 - Relicensed to Apache 2 - Adds integrated close button feature - Works only with npm mode

Tooltip version 1.3.1
### Version 1.3.1 - Small styling improvements

Tooltip version 1.3.2
### Version 1.3.2 - Fix small issue with tooltip property

Tooltip version 1.3.3
A11y improvements

Tooltip version 1.3.4
Fix a positioning issue when the Tooltip is in a Dialog

Tooltip version 1.3.5
Bump the Vaadin version and change the polymer dependency to be a range. It will reduce the possible conflicts.

Tooltip version 1.3.6
Remove all references to CVAL and use Apache 2. Use https instead of http for maven repository

Tooltip version 1.3.7
Add an animation by default when the tooltip is opened/closed

Tooltip version 2.0.0
Make the component compatible with Vaadin 23

Tooltip version 2.0.1
Fix the version of Java, Vaadin and the demo helpers

Tooltip version 2.0.2
Fix tooltip not showing on first load in some Flow apps

Tooltip version 2.0.3
Update client side dependency to 23.0.5.

Tooltip version 22.0.1
Version compatible with Vaadin 22.

Online