Directory

← Back

paper-tags-input component

vaadin-paper-tags-input

Author

Contributors

Rating

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());            
        });

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

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-input paper-tags-input component - Vaadin Add-on Directory
Paper tag component based on paper-tags-input for vaadin 17+
Online