Contact us Create app

Directory

← Back

vcf-multi-select

A select element (similar to vaadin-select) that supports selecting multiple items

Author

Rating

Links

Popularity

<100

vcf-multi-select

A select element (similar to vaadin-select) that supports selecting multiple items

Installation

Install vcf-multi-select:

npm i @vaadin-component-factory/vcf-multi-select --save

Usage

Once installed, import it in your application:

import '@vaadin-component-factory/vcf-multi-select';

Add <vcf-multi-select> element to the page.

<vcf-multi-select></vcf-multi-select>

Running demo

  1. Fork the vcf-multi-select repository and clone it locally.

  2. Make sure you have npm installed.

  3. When in the vcf-multi-select directory, run npm install to install dependencies.

  4. Run npm start to open the demo.

License

Apache License 2

Compatibility

(Loading compatibility data...)

Last updated: 2020-11-18

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

Dependencies

  • @polymer/polymer#3.2.0
  • @vaadin/vaadin-license-checker#^2.1.2
  • @polymer/iron-media-query#^3.0.0
  • @polymer/iron-resizable-behavior#^3.0.0
  • @vaadin/vaadin-control-state-mixin#^2.2.1
  • @vaadin/vaadin-themable-mixin#^1.6.1
  • @vaadin/vaadin-text-field#^2.8.0
  • @vaadin/vaadin-list-box#^1.4.0
  • @vaadin/vaadin-list-mixin#^2.5.0
  • @vaadin/vaadin-item#^2.3.0
  • @vaadin/vaadin-overlay#^3.5.0
  • @vaadin/vaadin-lumo-styles#^1.6.0
  • @vaadin/vaadin-material-styles#^1.3.2
  • @vaadin/vaadin-element-mixin#^2.4.1
Released
2020-11-26
Maturity
IMPORTED
License
Other

Compatibility

Framework
Polymer 3.0+
Browser
Browser Independent

vcf-multi-select - Vaadin Add-on Directory

A select element (similar to vaadin-select) that supports selecting multiple items vcf-multi-select - Vaadin Add-on Directory
# vcf-multi-select A select element (similar to vaadin-select) that supports selecting multiple items ## Installation Install `vcf-multi-select`: ```sh npm i @vaadin-component-factory/vcf-multi-select --save ``` ## Usage Once installed, import it in your application: ```js import '@vaadin-component-factory/vcf-multi-select'; ``` Add `` element to the page. ```html ``` ## Running demo 1. Fork the `vcf-multi-select` repository and clone it locally. 1. Make sure you have [npm](https://www.npmjs.com/) installed. 1. When in the `vcf-multi-select` directory, run `npm install` to install dependencies. 1. Run `npm start` to open the demo. ## License Apache License 2
View on GitHub
License
View on NPM

vcf-multi-select version 1.0.0
### Dependencies * @polymer/polymer#3.2.0 * @vaadin/vaadin-license-checker#^2.1.2 * @polymer/iron-media-query#^3.0.0 * @polymer/iron-resizable-behavior#^3.0.0 * @vaadin/vaadin-control-state-mixin#^2.2.1 * @vaadin/vaadin-themable-mixin#^1.6.1 * @vaadin/vaadin-text-field#^2.8.0 * @vaadin/vaadin-list-box#^1.4.0 * @vaadin/vaadin-list-mixin#^2.5.0 * @vaadin/vaadin-item#^2.3.0 * @vaadin/vaadin-overlay#^3.5.0 * @vaadin/vaadin-lumo-styles#^1.6.0 * @vaadin/vaadin-material-styles#^1.3.2 * @vaadin/vaadin-element-mixin#^2.4.1

vcf-multi-select version 1.0.1
### Dependencies * @polymer/polymer#3.2.0 * @vaadin/vaadin-license-checker#^2.1.2 * @polymer/iron-media-query#^3.0.0 * @polymer/iron-resizable-behavior#^3.0.0 * @vaadin/vaadin-control-state-mixin#^2.2.1 * @vaadin/vaadin-themable-mixin#^1.6.1 * @vaadin/vaadin-text-field#^2.8.0 * @vaadin/vaadin-list-box#^1.4.0 * @vaadin/vaadin-list-mixin#^2.5.0 * @vaadin/vaadin-item#^2.3.0 * @vaadin/vaadin-overlay#^3.5.0 * @vaadin/vaadin-lumo-styles#^1.6.0 * @vaadin/vaadin-material-styles#^1.3.2 * @vaadin/vaadin-element-mixin#^2.4.1

vcf-multi-select version 1.0.2
### Dependencies * @polymer/polymer#3.2.0 * @vaadin/vaadin-license-checker#^2.1.2 * @polymer/iron-media-query#^3.0.0 * @polymer/iron-resizable-behavior#^3.0.0 * @vaadin/vaadin-control-state-mixin#^2.2.1 * @vaadin/vaadin-themable-mixin#^1.6.1 * @vaadin/vaadin-text-field#^2.8.0 * @vaadin/vaadin-list-box#^1.4.0 * @vaadin/vaadin-list-mixin#^2.5.0 * @vaadin/vaadin-item#^2.3.0 * @vaadin/vaadin-overlay#^3.5.0 * @vaadin/vaadin-lumo-styles#^1.6.0 * @vaadin/vaadin-material-styles#^1.3.2 * @vaadin/vaadin-element-mixin#^2.4.1

vcf-multi-select version 1.0.3
### Dependencies * @polymer/polymer#3.2.0 * @vaadin/vaadin-license-checker#^2.1.2 * @polymer/iron-media-query#^3.0.0 * @polymer/iron-resizable-behavior#^3.0.0 * @vaadin/vaadin-control-state-mixin#^2.2.1 * @vaadin/vaadin-themable-mixin#^1.6.1 * @vaadin/vaadin-text-field#^2.8.0 * @vaadin/vaadin-list-box#^1.4.0 * @vaadin/vaadin-list-mixin#^2.5.0 * @vaadin/vaadin-item#^2.3.0 * @vaadin/vaadin-overlay#^3.5.0 * @vaadin/vaadin-lumo-styles#^1.6.0 * @vaadin/vaadin-material-styles#^1.3.2 * @vaadin/vaadin-element-mixin#^2.4.1

vcf-multi-select version 1.0.4
### Dependencies * @polymer/polymer#3.2.0 * @vaadin/vaadin-license-checker#^2.1.2 * @polymer/iron-media-query#^3.0.0 * @polymer/iron-resizable-behavior#^3.0.0 * @vaadin/vaadin-control-state-mixin#^2.2.1 * @vaadin/vaadin-themable-mixin#^1.6.1 * @vaadin/vaadin-text-field#^2.8.0 * @vaadin/vaadin-list-box#^1.4.0 * @vaadin/vaadin-list-mixin#^2.5.0 * @vaadin/vaadin-item#^2.3.0 * @vaadin/vaadin-overlay#^3.5.0 * @vaadin/vaadin-lumo-styles#^1.6.0 * @vaadin/vaadin-material-styles#^1.3.2 * @vaadin/vaadin-element-mixin#^2.4.1

vcf-multi-select version 1.0.5
### Dependencies * @polymer/polymer#3.2.0 * @vaadin/vaadin-license-checker#^2.1.2 * @polymer/iron-media-query#^3.0.0 * @polymer/iron-resizable-behavior#^3.0.0 * @vaadin/vaadin-control-state-mixin#^2.2.1 * @vaadin/vaadin-themable-mixin#^1.6.1 * @vaadin/vaadin-text-field#^2.8.0 * @vaadin/vaadin-list-box#^1.4.0 * @vaadin/vaadin-list-mixin#^2.5.0 * @vaadin/vaadin-item#^2.3.0 * @vaadin/vaadin-overlay#^3.5.0 * @vaadin/vaadin-lumo-styles#^1.6.0 * @vaadin/vaadin-material-styles#^1.3.2 * @vaadin/vaadin-element-mixin#^2.4.1

vcf-multi-select version 1.0.6
### Dependencies * @polymer/polymer#3.2.0 * @vaadin/vaadin-license-checker#^2.1.2 * @polymer/iron-media-query#^3.0.0 * @polymer/iron-resizable-behavior#^3.0.0 * @vaadin/vaadin-control-state-mixin#^2.2.1 * @vaadin/vaadin-themable-mixin#^1.6.1 * @vaadin/vaadin-text-field#^2.8.0 * @vaadin/vaadin-list-box#^1.4.0 * @vaadin/vaadin-list-mixin#^2.5.0 * @vaadin/vaadin-item#^2.3.0 * @vaadin/vaadin-overlay#^3.5.0 * @vaadin/vaadin-lumo-styles#^1.6.0 * @vaadin/vaadin-material-styles#^1.3.2 * @vaadin/vaadin-element-mixin#^2.4.1

vcf-multi-select version 1.0.7
### Dependencies * @polymer/polymer#3.2.0 * @vaadin/vaadin-license-checker#^2.1.2 * @polymer/iron-media-query#^3.0.0 * @polymer/iron-resizable-behavior#^3.0.0 * @vaadin/vaadin-control-state-mixin#^2.2.1 * @vaadin/vaadin-themable-mixin#^1.6.1 * @vaadin/vaadin-text-field#^2.8.0 * @vaadin/vaadin-list-box#^1.4.0 * @vaadin/vaadin-list-mixin#^2.5.0 * @vaadin/vaadin-item#^2.3.0 * @vaadin/vaadin-overlay#^3.5.0 * @vaadin/vaadin-lumo-styles#^1.6.0 * @vaadin/vaadin-material-styles#^1.3.2 * @vaadin/vaadin-element-mixin#^2.4.1

vcf-multi-select version 1.0.8
### Dependencies * @polymer/polymer#3.2.0 * @vaadin/vaadin-license-checker#^2.1.2 * @polymer/iron-media-query#^3.0.0 * @polymer/iron-resizable-behavior#^3.0.0 * @vaadin/vaadin-control-state-mixin#^2.2.1 * @vaadin/vaadin-themable-mixin#^1.6.1 * @vaadin/vaadin-text-field#^2.8.0 * @vaadin/vaadin-list-box#^1.4.0 * @vaadin/vaadin-list-mixin#^2.5.0 * @vaadin/vaadin-item#^2.3.0 * @vaadin/vaadin-overlay#^3.5.0 * @vaadin/vaadin-lumo-styles#^1.6.0 * @vaadin/vaadin-material-styles#^1.3.2 * @vaadin/vaadin-element-mixin#^2.4.1

vcf-multi-select version 1.1.0
### Dependencies * @polymer/polymer#3.2.0 * @vaadin/vaadin-license-checker#^2.1.2 * @polymer/iron-media-query#^3.0.0 * @polymer/iron-resizable-behavior#^3.0.0 * @vaadin/vaadin-control-state-mixin#^2.2.1 * @vaadin/vaadin-themable-mixin#^1.6.1 * @vaadin/vaadin-text-field#^2.8.0 * @vaadin/vaadin-list-box#^1.4.0 * @vaadin/vaadin-list-mixin#^2.5.0 * @vaadin/vaadin-item#^2.3.0 * @vaadin/vaadin-overlay#^3.5.0 * @vaadin/vaadin-lumo-styles#^1.6.0 * @vaadin/vaadin-material-styles#^1.3.2 * @vaadin/vaadin-element-mixin#^2.4.1

vcf-multi-select version 1.2.0
### Dependencies * @polymer/polymer#3.2.0 * @vaadin/vaadin-license-checker#^2.1.2 * @polymer/iron-media-query#^3.0.0 * @polymer/iron-resizable-behavior#^3.0.0 * @vaadin/vaadin-control-state-mixin#^2.2.1 * @vaadin/vaadin-themable-mixin#^1.6.1 * @vaadin/vaadin-text-field#^2.8.0 * @vaadin/vaadin-list-box#^1.4.0 * @vaadin/vaadin-list-mixin#^2.5.0 * @vaadin/vaadin-item#^2.3.0 * @vaadin/vaadin-overlay#^3.5.0 * @vaadin/vaadin-lumo-styles#^1.6.0 * @vaadin/vaadin-material-styles#^1.3.2 * @vaadin/vaadin-element-mixin#^2.4.1

Online