paper-tags-input component
vaadin-paper-tags-input
Paper tag component based on paper-tags-input for vaadin 17+
Sample code
FlexLayout div = new FlexLayout(); div.getStyle().set("flex-direction", "column"); div.setWidth("40em"); div.add(new Label("Paper tag input")); PaperTagInput inputTags = new PaperTagInput(); inputTags.addClassName("tag"); inputTags.setWidth("100%"); inputTags.setText("Tags test"); inputTags.setPlaceholder("Add tag"); final Label selectedValueLabel = new Label("tags:"); div.add(inputTags, selectedValueLabel); inputTags.addTagsChangedEventListener(e -> { selectedValueLabel.setText("tags: New value "+e.getValue().asString()+" - Old value "+e.getOldValue().asString()); });
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
- Released
- 2021-06-10
- Maturity
- STABLE
- License
- Apache License 2.0
Compatibility
- Framework
- Vaadin 17+
- Browser
- Firefox
- Google Chrome
- Microsoft Edge
paper-tags-input component - Vaadin Add-on Directory
vaadin-paper-tags-inputPaper tag component based on paper-tags-input for vaadin 17+
View on GitHub