Directory

paper-chip - Vaadin Add-on Directory

Polymer 2.x Chips represent complex entities in small blocks, such as a contact. paper-chip - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/ThomasCybulski/paper-chip](https://github.com//ThomasCybulski/paper-chip/blob/v2.0.10/README.md) on 2019-05-22 ]** # \ [![Build Status](https://travis-ci.org/ThomasCybulski/paper-chip.svg?branch=master)](https://travis-ci.org/ThomasCybulski/paper-chip) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg?style=flat-square)](https://www.webcomponents.org/element/ThomasCybulski/paper-chip) [![Dependency Status](https://gemnasium.com/badges/github.com/ThomasCybulski/paper-chip.svg)](https://gemnasium.com/github.com/ThomasCybulski/paper-chip) [DEMO](https://thomascybulski.github.io/paper-chip/demo/index.html) Polymer 2.x Chips represent complex entities in small blocks, such as a contact. ## Install the Polymer-CLI for Polymer 2 First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve` to serve your application locally. ## Viewing Your Application ``` $ polymer serve ``` ## Example: Basic paper-chip's ```html T Contact Person ``` ## Example: paper-chip's with custom styles ```html T ``` ## Example: Use tags in an input field ```html ``` ## Example: Autocomplete field with tags ```html ``` ## Browser Support ![IE](https://cloud.githubusercontent.com/assets/398893/3528325/20373e76-078e-11e4-8e3a-1cb86cf506f0.png) | ![Chrome](https://cloud.githubusercontent.com/assets/398893/3528328/23bc7bc4-078e-11e4-8752-ba2809bf5cce.png) | ![Firefox](https://cloud.githubusercontent.com/assets/398893/3528329/26283ab0-078e-11e4-84d4-db2cf1009953.png) | ![Opera](https://cloud.githubusercontent.com/assets/398893/3528330/27ec9fa8-078e-11e4-95cb-709fd11dac16.png) | ![Safari](https://cloud.githubusercontent.com/assets/398893/3528331/29df8618-078e-11e4-8e3e-ed8ac738693f.png) --- | --- | --- | --- | --- | None ✘ | Latest ✔ | None ✘ | None ✘ | Latest ✔ | ## Contributing 1. Fork it! 2. Create your feature branch: `git checkout -b my-new-feature` 3. Commit your changes: `git commit -m 'Add some feature'` 4. Push to the branch: `git push origin my-new-feature` 5. Submit a pull request :D
Online Demo
GitHub Homepage
Documentation
Issue tracker
View on GitHub

paper-chip version 1.0.0
### Dependencies * polymer#Polymer/polymer#^2.0.0-rc.3 * paper-icon-button#PolymerElements/paper-icon-button#2.0-preview * iron-icons#PolymerElements/iron-icons#2.0-preview

paper-chip version 1.0.1
### Dependencies * polymer#Polymer/polymer#^2.0.0-rc.3 * paper-icon-button#PolymerElements/paper-icon-button#2.0-preview * iron-icons#PolymerElements/iron-icons#2.0-preview

paper-chip version 1.0.2
### Dependencies * polymer#Polymer/polymer#^2.0.0-rc.3 * paper-icon-button#PolymerElements/paper-icon-button#2.0-preview * iron-icons#PolymerElements/iron-icons#2.0-preview

paper-chip version 1.0.3
### Dependencies * polymer#Polymer/polymer#^2.0.0-rc.3 * paper-icon-button#PolymerElements/paper-icon-button#2.0-preview * iron-icons#PolymerElements/iron-icons#2.0-preview

paper-chip version 1.0.5
### Dependencies * polymer#Polymer/polymer#^2.0.0-rc.4 * paper-icon-button#PolymerElements/paper-icon-button#2.0-preview * iron-icons#PolymerElements/iron-icons#2.0-preview

paper-chip version 1.0.6
### Dependencies * polymer#Polymer/polymer#^2.0.0-rc.6 * paper-icon-button#PolymerElements/paper-icon-button#2.0-preview * iron-icons#PolymerElements/iron-icons#2.0-preview

paper-chip version 1.0.7
### Dependencies * polymer#Polymer/polymer#^2.0.0-rc.6 * paper-icon-button#PolymerElements/paper-icon-button#2.0-preview * paper-input#PolymerElements/paper-input#2.0-preview * iron-icons#PolymerElements/iron-icons#2.0-preview

paper-chip version 1.0.8
### Dependencies * polymer#Polymer/polymer#^2.0.0-rc.7 * paper-icon-button#PolymerElements/paper-icon-button#2.0-preview * paper-input#PolymerElements/paper-input#2.0-preview * iron-icons#PolymerElements/iron-icons#2.0-preview

paper-chip version 1.0.9
### Dependencies * polymer#Polymer/polymer#^2.0.0-rc.7 * paper-icon-button#PolymerElements/paper-icon-button#2.0-preview * paper-input#PolymerElements/paper-input#2.0-preview * paper-item#PolymerElements/paper-item#2.0-preview * paper-listbox#PolymerElements/paper-listbox#2.0-preview * paper-material#polymerelements/paper-material#2.0-preview * paper-ripple#polymerelements/paper-ripple#2.0-preview * iron-icons#PolymerElements/iron-icons#2.0-preview

paper-chip version 1.1.0
### Dependencies * polymer#Polymer/polymer#^2.0.0-rc.7 * paper-icon-button#PolymerElements/paper-icon-button#2.0-preview * paper-input#PolymerElements/paper-input#2.0-preview * paper-item#PolymerElements/paper-item#2.0-preview * paper-listbox#PolymerElements/paper-listbox#2.0-preview * paper-material#polymerelements/paper-material#2.0-preview * paper-ripple#polymerelements/paper-ripple#2.0-preview * paper-styles#polymerelements/paper-styles#2.0-preview * iron-icons#PolymerElements/iron-icons#2.0-preview

paper-chip version 1.1.1
### Dependencies * polymer#Polymer/polymer#^2.0.0-rc.7 * paper-icon-button#PolymerElements/paper-icon-button#2.0-preview * paper-input#PolymerElements/paper-input#2.0-preview * paper-item#PolymerElements/paper-item#2.0-preview * paper-listbox#PolymerElements/paper-listbox#2.0-preview * paper-material#polymerelements/paper-material#2.0-preview * paper-ripple#polymerelements/paper-ripple#2.0-preview * paper-styles#polymerelements/paper-styles#2.0-preview * iron-icons#PolymerElements/iron-icons#2.0-preview

paper-chip version 2.0.0
### Dependencies * polymer#Polymer/polymer#^v2.0.1 * paper-icon-button#PolymerElements/paper-icon-button * paper-input#PolymerElements/paper-input * paper-item#PolymerElements/paper-item * paper-listbox#PolymerElements/paper-listbox * paper-material#polymerelements/paper-material * paper-ripple#polymerelements/paper-ripple * paper-styles#polymerelements/paper-styles * iron-icons#PolymerElements/iron-icons

paper-chip version 2.0.1
### Dependencies * polymer#Polymer/polymer#^v2.0.1 * paper-icon-button#PolymerElements/paper-icon-button * paper-input#PolymerElements/paper-input * paper-item#PolymerElements/paper-item * paper-listbox#PolymerElements/paper-listbox * paper-material#polymerelements/paper-material * paper-ripple#polymerelements/paper-ripple * paper-styles#polymerelements/paper-styles * iron-icons#PolymerElements/iron-icons

paper-chip version 2.0.2
### Dependencies * polymer#Polymer/polymer#^v2.0.1 * paper-icon-button#PolymerElements/paper-icon-button#2.0.0 * paper-input#PolymerElements/paper-input#2.0.0 * paper-item#PolymerElements/paper-item#2.0.0 * paper-listbox#PolymerElements/paper-listbox#2.0.0 * paper-material#PolymerElements/paper-material#2.0.0 * paper-ripple#polymerElements/paper-ripple#2.0.0 * paper-styles#PolymerElements/paper-styles#2.0.0 * iron-icons#PolymerElements/iron-icons#2.0.0

paper-chip version 2.0.3
### Dependencies * polymer#Polymer/polymer#^v2.0.1 * paper-icon-button#PolymerElements/paper-icon-button#2.0.0 * paper-input#PolymerElements/paper-input#2.0.0 * paper-item#PolymerElements/paper-item#2.0.0 * paper-listbox#PolymerElements/paper-listbox#2.0.0 * paper-material#PolymerElements/paper-material#2.0.0 * paper-ripple#polymerElements/paper-ripple#2.0.0 * paper-styles#PolymerElements/paper-styles#2.0.0 * iron-icons#PolymerElements/iron-icons#2.0.0

paper-chip version 2.0.4
### Dependencies * polymer#Polymer/polymer#^v2.0.1 * paper-icon-button#PolymerElements/paper-icon-button#2.0.0 * paper-input#PolymerElements/paper-input#2.0.0 * paper-item#PolymerElements/paper-item#2.0.0 * paper-listbox#PolymerElements/paper-listbox#2.0.0 * paper-material#PolymerElements/paper-material#2.0.0 * paper-ripple#polymerElements/paper-ripple#2.0.0 * paper-styles#PolymerElements/paper-styles#2.0.0 * iron-icons#PolymerElements/iron-icons#2.0.0

paper-chip version 2.0.5
### Dependencies * polymer#Polymer/polymer#^v2.0.1 * paper-icon-button#PolymerElements/paper-icon-button#2.0.0 * paper-input#PolymerElements/paper-input#2.0.0 * paper-item#PolymerElements/paper-item#2.0.0 * paper-listbox#PolymerElements/paper-listbox#2.0.0 * paper-material#PolymerElements/paper-material#2.0.0 * paper-ripple#polymerElements/paper-ripple#2.0.0 * paper-styles#PolymerElements/paper-styles#2.0.0 * paper-toast#polymerElements/paper-toast#2.0.0 * iron-icons#PolymerElements/iron-icons#2.0.0

paper-chip version 2.0.6
### Dependencies * polymer#Polymer/polymer#^v2.0.1 * paper-icon-button#PolymerElements/paper-icon-button#2.0.0 * paper-input#PolymerElements/paper-input#2.0.0 * paper-item#PolymerElements/paper-item#2.0.0 * paper-listbox#PolymerElements/paper-listbox#2.0.0 * paper-material#PolymerElements/paper-material#2.0.0 * paper-ripple#polymerElements/paper-ripple#2.0.0 * paper-styles#PolymerElements/paper-styles#2.0.0 * paper-toast#polymerElements/paper-toast#2.0.0 * iron-icons#PolymerElements/iron-icons#2.0.0

paper-chip version 2.0.7
### Dependencies * polymer#Polymer/polymer#^v2.0.1 * paper-icon-button#PolymerElements/paper-icon-button#^2.0.0 * paper-input#PolymerElements/paper-input#^2.0.0 * paper-item#PolymerElements/paper-item#^2.0.0 * paper-listbox#PolymerElements/paper-listbox#^2.0.0 * paper-material#PolymerElements/paper-material#^2.0.0 * paper-ripple#polymerElements/paper-ripple#^2.0.0 * paper-styles#PolymerElements/paper-styles#^2.0.0 * paper-toast#polymerElements/paper-toast#^2.0.0 * iron-icons#PolymerElements/iron-icons#^2.0.0

paper-chip version 2.0.8
### Dependencies * polymer#Polymer/polymer#^v2.0.1 * paper-icon-button#PolymerElements/paper-icon-button#^2.0.0 * paper-input#PolymerElements/paper-input#^2.0.1 * paper-item#PolymerElements/paper-item#^2.0.0 * paper-listbox#PolymerElements/paper-listbox#^2.0.0 * paper-material#PolymerElements/paper-material#^2.0.0 * paper-ripple#polymerElements/paper-ripple#^2.0.0 * paper-styles#PolymerElements/paper-styles#^2.0.0 * iron-icons#PolymerElements/iron-icons#^2.0.1 * iron-a11y-keys#PolymerElements/iron-a11y-keys#^2.0.0 * iron-a11y-keys-behavior#PolymerElements/iron-a11y-keys-behavior#^2.0.1

paper-chip version 2.0.9
### Dependencies * polymer#Polymer/polymer#^v2.0.2 * paper-icon-button#PolymerElements/paper-icon-button#^2.0.0 * paper-input#PolymerElements/paper-input#^2.0.1 * paper-item#PolymerElements/paper-item#^2.0.0 * paper-listbox#PolymerElements/paper-listbox#^2.0.0 * paper-material#PolymerElements/paper-material#^2.0.0 * paper-ripple#polymerElements/paper-ripple#^2.0.0 * paper-styles#PolymerElements/paper-styles#^2.0.0 * iron-icons#PolymerElements/iron-icons#^2.0.1 * iron-a11y-keys#PolymerElements/iron-a11y-keys#^2.0.0 * iron-a11y-keys-behavior#PolymerElements/iron-a11y-keys-behavior#^2.0.1

paper-chip version 2.0.10
### Dependencies * polymer#Polymer/polymer#^v2.0.2 * paper-icon-button#PolymerElements/paper-icon-button#^2.0.0 * paper-input#PolymerElements/paper-input#^2.0.1 * paper-item#PolymerElements/paper-item#^2.0.0 * paper-listbox#PolymerElements/paper-listbox#^2.0.0 * paper-material#PolymerElements/paper-material#^2.0.0 * paper-ripple#polymerElements/paper-ripple#^2.0.0 * paper-styles#PolymerElements/paper-styles#^2.0.0 * iron-icons#PolymerElements/iron-icons#^2.0.1 * iron-a11y-keys#PolymerElements/iron-a11y-keys#^2.0.0 * iron-a11y-keys-behavior#PolymerElements/iron-a11y-keys-behavior#^2.0.1

paper-chip version 2.0.11
### Dependencies * polymer#Polymer/polymer#^v2.0.2 * paper-icon-button#PolymerElements/paper-icon-button#^2.0.0 * paper-input#PolymerElements/paper-input#^2.0.1 * paper-item#PolymerElements/paper-item#^2.0.0 * paper-listbox#PolymerElements/paper-listbox#^2.0.0 * paper-material#PolymerElements/paper-material#^2.0.0 * paper-ripple#polymerElements/paper-ripple#^2.0.0 * paper-styles#PolymerElements/paper-styles#^2.0.0 * iron-icons#PolymerElements/iron-icons#^2.0.1 * iron-a11y-keys#PolymerElements/iron-a11y-keys#^2.0.0 * iron-a11y-keys-behavior#PolymerElements/iron-a11y-keys-behavior#^2.0.1

paper-chip version 2.0.12
### Dependencies * polymer#Polymer/polymer#^v2.0.2 * paper-icon-button#PolymerElements/paper-icon-button#^2.0.0 * paper-input#PolymerElements/paper-input#^2.0.1 * paper-item#PolymerElements/paper-item#^2.0.0 * paper-listbox#PolymerElements/paper-listbox#^2.0.0 * paper-material#PolymerElements/paper-material#^2.0.0 * paper-ripple#polymerElements/paper-ripple#^2.0.0 * paper-styles#PolymerElements/paper-styles#^2.0.0 * iron-icons#PolymerElements/iron-icons#^2.0.1 * iron-a11y-keys#PolymerElements/iron-a11y-keys#^2.0.0 * iron-a11y-keys-behavior#PolymerElements/iron-a11y-keys-behavior#^2.0.1

paper-chip version 2.0.13
### Dependencies * polymer#Polymer/polymer#^v2.0.2 * paper-icon-button#PolymerElements/paper-icon-button#^2.0.0 * paper-input#PolymerElements/paper-input#^2.0.1 * paper-item#PolymerElements/paper-item#^2.0.0 * paper-listbox#PolymerElements/paper-listbox#^2.0.0 * paper-material#PolymerElements/paper-material#^2.0.0 * paper-ripple#polymerElements/paper-ripple#^2.0.1 * paper-styles#PolymerElements/paper-styles#^2.0.0 * iron-icons#PolymerElements/iron-icons#^2.0.1 * iron-a11y-keys#PolymerElements/iron-a11y-keys#^2.0.0 * iron-a11y-keys-behavior#PolymerElements/iron-a11y-keys-behavior#^2.0.1

paper-chip version 2.0.14
### Dependencies * polymer#Polymer/polymer#^v2.0.2 * paper-icon-button#PolymerElements/paper-icon-button#^2.0.0 * paper-input#PolymerElements/paper-input#^2.0.2 * paper-item#PolymerElements/paper-item#^2.0.0 * paper-listbox#PolymerElements/paper-listbox#^2.0.0 * paper-material#PolymerElements/paper-material#^2.0.0 * paper-ripple#polymerElements/paper-ripple#^2.0.1 * paper-styles#PolymerElements/paper-styles#^2.0.0 * iron-icons#PolymerElements/iron-icons#^2.0.1 * iron-a11y-keys#PolymerElements/iron-a11y-keys#^2.0.0 * iron-a11y-keys-behavior#PolymerElements/iron-a11y-keys-behavior#^2.0.1

paper-chip version 2.0.15
### Dependencies * polymer#Polymer/polymer#^v2.0.2 * paper-icon-button#PolymerElements/paper-icon-button#^2.0.0 * paper-input#PolymerElements/paper-input#^2.0.2 * paper-item#PolymerElements/paper-item#^2.0.0 * paper-listbox#PolymerElements/paper-listbox#^2.0.0 * paper-material#PolymerElements/paper-material#^2.0.0 * paper-ripple#polymerElements/paper-ripple#^2.0.1 * paper-styles#PolymerElements/paper-styles#^2.0.0 * iron-icons#PolymerElements/iron-icons#^2.0.1 * iron-a11y-keys#PolymerElements/iron-a11y-keys#^2.0.0 * iron-a11y-keys-behavior#PolymerElements/iron-a11y-keys-behavior#^2.0.1

paper-chip version 2.0.16
### Dependencies * polymer#Polymer/polymer#^v2.0.2 * paper-icon-button#PolymerElements/paper-icon-button#^2.0.0 * paper-input#PolymerElements/paper-input#^2.0.2 * paper-item#PolymerElements/paper-item#^2.0.0 * paper-listbox#PolymerElements/paper-listbox#^2.0.0 * paper-material#PolymerElements/paper-material#^2.0.0 * paper-ripple#polymerElements/paper-ripple#^2.0.1 * paper-styles#PolymerElements/paper-styles#^2.0.0 * iron-icons#PolymerElements/iron-icons#^2.0.1 * iron-a11y-keys#PolymerElements/iron-a11y-keys#^2.0.0 * iron-a11y-keys-behavior#PolymerElements/iron-a11y-keys-behavior#^2.0.1

paper-chip version 2.0.17
### Dependencies * polymer#Polymer/polymer#^v2.1.1 * paper-icon-button#PolymerElements/paper-icon-button#^2.0.0 * paper-input#PolymerElements/paper-input#^2.0.2 * paper-item#PolymerElements/paper-item#^2.0.0 * paper-listbox#PolymerElements/paper-listbox#^2.0.0 * paper-material#PolymerElements/paper-material#^2.0.0 * paper-ripple#polymerElements/paper-ripple#^2.0.1 * paper-styles#PolymerElements/paper-styles#^2.0.0 * iron-icons#PolymerElements/iron-icons#^2.0.1 * iron-a11y-keys#PolymerElements/iron-a11y-keys#^2.0.0 * iron-a11y-keys-behavior#PolymerElements/iron-a11y-keys-behavior#^2.0.1

paper-chip version 2.0.18
### Dependencies * polymer#Polymer/polymer#^v2.1.1 * paper-icon-button#PolymerElements/paper-icon-button#^2.0.0 * paper-input#PolymerElements/paper-input#^2.0.2 * paper-item#PolymerElements/paper-item#^2.0.0 * paper-listbox#PolymerElements/paper-listbox#^2.0.0 * paper-material#PolymerElements/paper-material#^2.0.0 * paper-ripple#polymerElements/paper-ripple#^2.0.1 * paper-styles#PolymerElements/paper-styles#^2.0.0 * iron-icons#PolymerElements/iron-icons#^2.0.1 * iron-a11y-keys#PolymerElements/iron-a11y-keys#^2.0.0 * iron-a11y-keys-behavior#PolymerElements/iron-a11y-keys-behavior#^2.0.1

paper-chip version 2.0.19
### Dependencies * polymer#Polymer/polymer#^v2.0.0 * paper-icon-button#PolymerElements/paper-icon-button#^2.0.0 * paper-input#PolymerElements/paper-input#^2.0.2 * paper-item#PolymerElements/paper-item#^2.0.0 * paper-listbox#PolymerElements/paper-listbox#^2.0.0 * paper-material#PolymerElements/paper-material#^2.0.0 * paper-ripple#polymerElements/paper-ripple#^2.0.1 * paper-styles#PolymerElements/paper-styles#^2.0.0 * iron-icons#PolymerElements/iron-icons#^2.0.1 * iron-a11y-keys#PolymerElements/iron-a11y-keys#^2.0.0 * iron-a11y-keys-behavior#PolymerElements/iron-a11y-keys-behavior#^2.0.1

paper-chip version 2.0.20
### Dependencies * polymer#Polymer/polymer#^v2.0.0 * paper-icon-button#PolymerElements/paper-icon-button#^2.0.0 * paper-input#PolymerElements/paper-input#^2.0.2 * paper-item#PolymerElements/paper-item#^2.0.0 * paper-listbox#PolymerElements/paper-listbox#^2.0.0 * paper-material#PolymerElements/paper-material#^2.0.0 * paper-ripple#polymerElements/paper-ripple#^2.0.1 * paper-styles#PolymerElements/paper-styles#^2.0.0 * iron-icons#PolymerElements/iron-icons#^2.0.1 * iron-a11y-keys#PolymerElements/iron-a11y-keys#^2.0.0 * iron-a11y-keys-behavior#PolymerElements/iron-a11y-keys-behavior#^2.0.1

paper-chip version 2.0.21
### Dependencies * polymer#Polymer/polymer#^v2.0.0 * paper-icon-button#PolymerElements/paper-icon-button#^2.0.0 * paper-input#PolymerElements/paper-input#^2.0.2 * paper-item#PolymerElements/paper-item#^2.0.0 * paper-listbox#PolymerElements/paper-listbox#^2.0.0 * paper-material#PolymerElements/paper-material#^2.0.0 * paper-ripple#polymerElements/paper-ripple#^2.0.1 * paper-styles#PolymerElements/paper-styles#^2.0.0 * iron-icons#PolymerElements/iron-icons#^2.0.1 * iron-a11y-keys#PolymerElements/iron-a11y-keys#^2.0.0 * iron-a11y-keys-behavior#PolymerElements/iron-a11y-keys-behavior#^2.0.1