Directory

← Back

ChipField Addon

Vaadin Flow integration of Paper Chip as a Field

Author

Contributors

Rating

This is a Vaadin Flow wrapper built based on this excellent component implementation..

Provides a simple API for using it as an alternative multi-select field, with some features like restricting the allowed characters from the server side.

It also allows using it with Binder.

Sample code

	ChipField<String> chf = new ChipField<>("Select some planets", "Mercury", "Venus", "Earth", "Mars", "Jupiter", "Saturn", "Uranus", "Neptune");
	Button b = new Button("Obtain selected planets");
	b.addClickListener(event->Notification.show("Planets: " + chf.getValue().stream().collect(Collectors.joining(",")));
    ChipField<String> chf5 = new ChipField<>("Choose planet features (Binder demo, try with: 'Rings', 'Moons', 'Water', etc.)");
    chf5.setWidth("500px");
    chf5.setItems(Arrays.asList("Rings", "Moons", "Water", "Rocks", "Lava", "Ice", "Cold", "Heat", "Atmosphere"));
    Binder<Planet> binder = new Binder<>();
    binder.bind(chf5,Planet::getConfiguration,Planet::setConfiguration);
    binder.setBean(p);

Links

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

Bug fixes:

  • fix: update chips label when itemLabelGenerator is updated (#31)
Released
2023-04-10
Maturity
TESTED
License
Apache License 2.0

Compatibility

Framework
Vaadin 14
Vaadin 22
Vaadin 23
Vaadin 24
Vaadin 14+ in 2.6.0
Vaadin 13 in 1.0.0
Vaadin 12 in 1.0.0
Vaadin 11 in 1.0.0
Vaadin 10 in 1.0.0
Browser
Firefox
Safari
Google Chrome
iOS Browser
Android Browser
Internet Explorer
Online