JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 6
  • Score
    100M100P100Q62761F
  • License MIT

Paper style token input element

Package Exports

  • @exmg/exmg-paper-token-input
  • @exmg/exmg-paper-token-input/exmg-paper-token-input.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@exmg/exmg-paper-token-input) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

exmg-paper-token-input

Paper style token input element. Please visit the API Documentation and demo page for more information.

Usage

By default the textContent of the paper-item will be used as the visual selection in the badge. The selected value will contain the item index.

<exmg-paper-token-input label="Select User">
  <paper-item>Rubin</paper-item>
  <paper-item>Gennie</paper-item>
  ...
</exmg-paper-token-input>

In the following example the users id will be used as selection value instead of the item index.

<exmg-paper-token-input label="Select Users" always-float-label attr-for-selected="data-id" selected-values='[9512]'>
  <paper-item data-id="4337">Rubin</paper-item>
  <paper-item data-id="7534">Gennie</paper-item>
  ...
</exmg-paper-token-input>

Development

First, make sure you have the Polymer CLI installed. Then run polymer server to launch the demo page.

$ polymer serve