Vaadin 14: Textfield标签上的工具提示，带有图标、文本和图像

import com.vaadin.flow.component.Component;
import com.vaadin.flow.component.button.Button;
import com.vaadin.flow.component.html.Image;
import com.vaadin.flow.component.icon.VaadinIcon;
import com.vaadin.flow.component.orderedlayout.VerticalLayout;
import com.vaadin.flow.component.textfield.TextField;
import com.vaadin.flow.router.Route;

@Route("")
public class MainView extends VerticalLayout {

    public MainView() {
        TextField textField = new TextField("Enter text");
        Button button = new Button("Click me");

        // 创建图标
        VaadinIcon icon = VaadinIcon.INFO_CIRCLE.create();
        Image image = new Image("path/to/image.png", "Description of image");

        // 创建工具提示组件
        Component tooltipContent = new VerticalLayout(icon, new Text("This is a tooltip with icon and image"), image);

        // 设置工具提示
        Tooltip tooltip = Tooltip.forComponent(textField)
                .withTooltipContent(tooltipContent)
                .withPosition(Tooltip.TooltipPosition.BOTTOM_CENTER);

        add(textField, button);
    }
}