BubbleDialog component for Vaadin Flow 13.+

BubbleDialog to attach to an element.

View larger

Close

BubbleDialog

This component let you attach a bubble to an element and show it when you need.

Sample code

Label lbl = new Label("Input your name:");
add(lbl);
TextField txt = new TextField();
add(txt);
txt.addInputListener((event) -> {
            //  add your bussines logic here
            // ...
            bd.show();
        });
        
VerticalLayout vl = new VerticalLayout();
vl.add(new Label("We found more data!"));
vl.add(new Label("Do you want to see it?"));
Button btnShow = new Button("Show It!");
btnShow.setThemeName("contained primary");
vl.add(btnShow);
bd = new BubbleDialog(txt.getElement(), vl);

// Add this to the shared style and set the classname in your code.
<dom-module id="bubble-dialog-custom" theme-for="bubble-dialog">
    <template>
        <style>
            .roundBubble {
                border-radius: 5px;
            }
        </style>
    </template>
</dom-module>

Links

• View on GitHub

Compatibility