ChipField Addon
Vaadin Flow integration of Paper Chip as a Field
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
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