vcf-lookup-field - Vaadin Add-on Directory

Vaadin Component Factory Lookup Field

# <vcf-lookup-field> ![vcf-lookup-field-screenshot](https://user-images.githubusercontent.com/3392815/99876883-a41f3f00-2c02-11eb-81ab-b99c512ebf79.png) ## Installation Install `vcf-lookup-field`: ```sh npm i @vaadin-component-factory/vcf-lookup-field --save ``` ## Usage Once installed, import it in your application: ```js import '@vaadin-component-factory/vcf-lookup-field'; ``` Add `` element to the page. ```html ``` ## Running demo 1. Fork the `vcf-lookup-field` repository and clone it locally. 1. Make sure you have [npm](https://www.npmjs.com/) installed. 1. When in the `vcf-lookup-field` directory, run `npm install` to install dependencies. 1. Run `npm start` to open the demo. ## License Apache License 2.0

License
Online Demo
View on NPM
View on GitHub

vcf-lookup-field version 1.0.0
### Dependencies * @polymer/iron-icon#^3.0.1 * @polymer/polymer#^3.0.0 * @vaadin-component-factory/vcf-enhanced-dialog#^1.0.5 * @vaadin/vaadin-button#^2.2.0 * @vaadin/vaadin-combo-box#^5.4.2 * @vaadin/vaadin-dialog#^2.5.2 * @vaadin/vaadin-element-mixin#^2.1.3 * @vaadin/vaadin-grid#^5.7.5 * @vaadin/vaadin-icons#^4.3.1 * @vaadin/vaadin-license-checker#^2.1.2 * @vaadin/vaadin-lumo-styles#^1.5.0 * @vaadin/vaadin-text-field#^2.8.1 * @vaadin/vaadin-themable-mixin#^1.5.1

vcf-lookup-field version 1.0.1
### Dependencies * @polymer/iron-icon#^3.0.1 * @polymer/polymer#^3.0.0 * @vaadin-component-factory/vcf-enhanced-dialog#^1.0.5 * @vaadin/vaadin-button#^2.2.0 * @vaadin/vaadin-combo-box#^5.4.2 * @vaadin/vaadin-dialog#^2.5.2 * @vaadin/vaadin-element-mixin#^2.1.3 * @vaadin/vaadin-grid#^5.7.5 * @vaadin/vaadin-icons#^4.3.1 * @vaadin/vaadin-license-checker#^2.1.2 * @vaadin/vaadin-lumo-styles#^1.5.0 * @vaadin/vaadin-text-field#^2.8.1 * @vaadin/vaadin-themable-mixin#^1.5.1

vcf-lookup-field version 1.0.2
### Dependencies * @polymer/iron-icon#^3.0.1 * @polymer/polymer#^3.0.0 * @vaadin-component-factory/vcf-enhanced-dialog#^1.0.5 * @vaadin/vaadin-button#^2.2.0 * @vaadin/vaadin-combo-box#^5.4.2 * @vaadin/vaadin-dialog#^2.5.2 * @vaadin/vaadin-element-mixin#^2.1.3 * @vaadin/vaadin-grid#^5.7.5 * @vaadin/vaadin-icons#^4.3.1 * @vaadin/vaadin-license-checker#^2.1.2 * @vaadin/vaadin-lumo-styles#^1.5.0 * @vaadin/vaadin-text-field#^2.8.1 * @vaadin/vaadin-themable-mixin#^1.5.1

vcf-lookup-field version 1.0.3
### Dependencies * @polymer/iron-icon#^3.0.1 * @polymer/polymer#^3.0.0 * @vaadin-component-factory/vcf-enhanced-dialog#^1.0.4 * @vaadin/vaadin-button#^2.2.0 * @vaadin/vaadin-combo-box#^5.4.2 * @vaadin/vaadin-dialog#^2.5.2 * @vaadin/vaadin-element-mixin#^2.1.3 * @vaadin/vaadin-grid#^5.7.5 * @vaadin/vaadin-icons#^4.3.1 * @vaadin/vaadin-license-checker#^2.1.2 * @vaadin/vaadin-lumo-styles#^1.5.0 * @vaadin/vaadin-text-field#^2.8.1 * @vaadin/vaadin-themable-mixin#^1.5.1

vcf-lookup-field version 1.0.4
### Dependencies * @polymer/iron-icon#^3.0.1 * @polymer/polymer#^3.0.0 * @vaadin-component-factory/vcf-enhanced-dialog#^1.0.4 * @vaadin/vaadin-button#^2.2.0 * @vaadin/vaadin-combo-box#^5.4.2 * @vaadin/vaadin-dialog#^2.5.2 * @vaadin/vaadin-element-mixin#^2.1.3 * @vaadin/vaadin-grid#^5.7.5 * @vaadin/vaadin-icons#^4.3.1 * @vaadin/vaadin-license-checker#^2.1.2 * @vaadin/vaadin-lumo-styles#^1.5.0 * @vaadin/vaadin-text-field#^2.8.1 * @vaadin/vaadin-themable-mixin#^1.5.1

vcf-lookup-field version 1.0.5
### Dependencies * @polymer/iron-icon#^3.0.1 * @polymer/polymer#^3.0.0 * @vaadin-component-factory/vcf-enhanced-dialog#^1.0.6 * @vaadin/vaadin-button#^2.2.0 * @vaadin/vaadin-combo-box#^5.4.2 * @vaadin/vaadin-dialog#^2.5.2 * @vaadin/vaadin-element-mixin#^2.1.3 * @vaadin/vaadin-grid#^5.7.5 * @vaadin/vaadin-icons#^4.3.1 * @vaadin/vaadin-license-checker#^2.1.2 * @vaadin/vaadin-lumo-styles#^1.5.0 * @vaadin/vaadin-text-field#^2.8.1 * @vaadin/vaadin-themable-mixin#^1.5.1

vcf-lookup-field version 1.0.6
### Dependencies * @polymer/iron-icon#^3.0.1 * @polymer/polymer#^3.0.0 * @vaadin-component-factory/vcf-enhanced-dialog#^1.0.6 * @vaadin/vaadin-button#^2.2.0 * @vaadin/vaadin-combo-box#^5.4.2 * @vaadin/vaadin-dialog#^2.5.2 * @vaadin/vaadin-element-mixin#^2.1.3 * @vaadin/vaadin-grid#^5.7.5 * @vaadin/vaadin-icons#^4.3.1 * @vaadin/vaadin-license-checker#^2.1.2 * @vaadin/vaadin-lumo-styles#^1.5.0 * @vaadin/vaadin-text-field#^2.8.1 * @vaadin/vaadin-themable-mixin#^1.5.1

vcf-lookup-field version 1.0.7
### Dependencies * @polymer/iron-icon#^3.0.1 * @polymer/polymer#^3.0.0 * @vaadin-component-factory/vcf-enhanced-dialog#^1.0.6 * @vaadin/vaadin-button#^2.2.0 * @vaadin/vaadin-combo-box#^5.4.2 * @vaadin/vaadin-dialog#^2.5.2 * @vaadin/vaadin-element-mixin#^2.1.3 * @vaadin/vaadin-grid#^5.7.5 * @vaadin/vaadin-icons#^4.3.1 * @vaadin/vaadin-license-checker#^2.1.2 * @vaadin/vaadin-lumo-styles#^1.5.0 * @vaadin/vaadin-text-field#^2.8.1 * @vaadin/vaadin-themable-mixin#^1.5.1

vcf-lookup-field version 1.0.8
### Dependencies * @polymer/iron-icon#^3.0.1 * @polymer/polymer#^3.0.0 * @vaadin-component-factory/vcf-enhanced-dialog#^1.0.6 * @vaadin/vaadin-button#^2.2.0 * @vaadin/vaadin-combo-box#^5.4.2 * @vaadin/vaadin-dialog#^2.5.2 * @vaadin/vaadin-element-mixin#^2.1.3 * @vaadin/vaadin-grid#^5.7.5 * @vaadin/vaadin-icons#^4.3.1 * @vaadin/vaadin-license-checker#^2.1.2 * @vaadin/vaadin-lumo-styles#^1.5.0 * @vaadin/vaadin-text-field#^2.8.1 * @vaadin/vaadin-themable-mixin#^1.5.1

vcf-lookup-field version 1.1.0
### Dependencies * @polymer/iron-icon#^3.0.1 * @polymer/polymer#^3.0.0 * @vaadin-component-factory/vcf-enhanced-dialog#^1.0.6 * @vaadin/vaadin-button#^2.2.0 * @vaadin/vaadin-combo-box#^5.4.2 * @vaadin/vaadin-dialog#^2.5.2 * @vaadin/vaadin-element-mixin#^2.1.3 * @vaadin/vaadin-grid#^5.7.5 * @vaadin/vaadin-icons#^4.3.1 * @vaadin/vaadin-license-checker#^2.1.2 * @vaadin/vaadin-lumo-styles#^1.5.0 * @vaadin/vaadin-notification#^1.6.0 * @vaadin/vaadin-text-field#^2.8.1 * @vaadin/vaadin-themable-mixin#^1.5.1

vcf-lookup-field version 1.1.1
### Dependencies * @polymer/iron-icon#^3.0.1 * @polymer/polymer#^3.0.0 * @vaadin-component-factory/vcf-enhanced-dialog#^1.0.6 * @vaadin/vaadin-button#^2.2.0 * @vaadin/vaadin-combo-box#^5.4.2 * @vaadin/vaadin-dialog#^2.5.2 * @vaadin/vaadin-element-mixin#^2.1.3 * @vaadin/vaadin-grid#^5.7.5 * @vaadin/vaadin-icons#^4.3.1 * @vaadin/vaadin-license-checker#^2.1.2 * @vaadin/vaadin-lumo-styles#^1.5.0 * @vaadin/vaadin-notification#^1.6.0 * @vaadin/vaadin-text-field#^2.8.1 * @vaadin/vaadin-themable-mixin#^1.5.1

vcf-lookup-field version 1.1.2
### Dependencies * @polymer/iron-icon#^3.0.1 * @polymer/polymer#^3.0.0 * @vaadin-component-factory/vcf-enhanced-dialog#^1.0.6 * @vaadin/vaadin-button#^2.2.0 * @vaadin/vaadin-combo-box#^5.4.2 * @vaadin/vaadin-dialog#^2.5.2 * @vaadin/vaadin-element-mixin#^2.1.3 * @vaadin/vaadin-grid#^5.7.5 * @vaadin/vaadin-icons#^4.3.1 * @vaadin/vaadin-license-checker#^2.1.2 * @vaadin/vaadin-lumo-styles#^1.5.0 * @vaadin/vaadin-notification#^1.6.0 * @vaadin/vaadin-text-field#^2.8.1 * @vaadin/vaadin-themable-mixin#^1.5.1

vcf-lookup-field version 1.2.0
### Dependencies * @polymer/iron-icon#^3.0.1 * @polymer/polymer#^3.0.0 * @vaadin-component-factory/vcf-enhanced-dialog#^1.0.6 * @vaadin/vaadin-button#^2.2.0 * @vaadin/vaadin-combo-box#^5.4.2 * @vaadin/vaadin-dialog#^2.5.2 * @vaadin/vaadin-element-mixin#^2.1.3 * @vaadin/vaadin-grid#^5.7.5 * @vaadin/vaadin-icons#^4.3.1 * @vaadin/vaadin-license-checker#^2.1.2 * @vaadin/vaadin-lumo-styles#^1.5.0 * @vaadin/vaadin-notification#^1.6.0 * @vaadin/vaadin-text-field#^2.8.1 * @vaadin/vaadin-themable-mixin#^1.5.1

vcf-lookup-field version 1.3.0
### Dependencies * @polymer/iron-icon#^3.0.1 * @polymer/polymer#^3.0.0 * @vaadin-component-factory/vcf-enhanced-dialog#^1.0.6 * @vaadin/vaadin-button#^2.2.0 * @vaadin/vaadin-combo-box#^5.4.2 * @vaadin/vaadin-dialog#^2.5.2 * @vaadin/vaadin-element-mixin#^2.1.3 * @vaadin/vaadin-grid#^5.7.5 * @vaadin/vaadin-icons#^4.3.1 * @vaadin/vaadin-license-checker#^2.1.2 * @vaadin/vaadin-lumo-styles#^1.5.0 * @vaadin/vaadin-notification#^1.6.0 * @vaadin/vaadin-ordered-layout#^1.4.0 * @vaadin/vaadin-text-field#^2.8.1 * @vaadin/vaadin-themable-mixin#^1.5.1

vcf-lookup-field version 1.3.1
### Dependencies * @polymer/iron-icon#^3.0.1 * @polymer/polymer#^3.0.0 * @vaadin-component-factory/vcf-enhanced-dialog#^1.0.6 * @vaadin/vaadin-button#^2.2.0 * @vaadin/vaadin-combo-box#^5.4.2 * @vaadin/vaadin-dialog#^2.5.2 * @vaadin/vaadin-element-mixin#^2.1.3 * @vaadin/vaadin-grid#^5.7.5 * @vaadin/vaadin-icons#^4.3.1 * @vaadin/vaadin-license-checker#^2.1.2 * @vaadin/vaadin-lumo-styles#^1.5.0 * @vaadin/vaadin-notification#^1.6.0 * @vaadin/vaadin-ordered-layout#^1.4.0 * @vaadin/vaadin-text-field#^2.8.1 * @vaadin/vaadin-themable-mixin#^1.5.1

vcf-lookup-field version 1.3.3
### Dependencies * @polymer/iron-icon#^3.0.1 * @polymer/polymer#^3.0.0 * @vaadin-component-factory/vcf-enhanced-dialog#^1.0.6 * @vaadin/vaadin-button#^2.2.0 * @vaadin/vaadin-combo-box#^5.4.2 * @vaadin/vaadin-dialog#^2.5.2 * @vaadin/vaadin-element-mixin#^2.1.3 * @vaadin/vaadin-grid#^5.7.5 * @vaadin/vaadin-icons#^4.3.1 * @vaadin/vaadin-license-checker#^2.1.2 * @vaadin/vaadin-lumo-styles#^1.5.0 * @vaadin/vaadin-notification#^1.6.0 * @vaadin/vaadin-ordered-layout#^1.4.0 * @vaadin/vaadin-text-field#^2.8.1 * @vaadin/vaadin-themable-mixin#^1.5.1

vcf-lookup-field version 23.1.0
### Dependencies * @polymer/polymer#^3.4.1 * @vaadin-component-factory/vcf-enhanced-dialog#^23.0.2 * @vaadin/button#^23.1.0 * @vaadin/combo-box#^23.1.0 * @vaadin/component-base#^23.1.0 * @vaadin/dialog#^23.1.0 * @vaadin/grid#^23.1.0 * @vaadin/horizontal-layout#^23.1.0 * @vaadin/icon#^23.1.0 * @vaadin/icons#^23.1.0 * @vaadin/notification#^23.1.0 * @vaadin/text-field#^23.1.0 * @vaadin/vaadin-lumo-styles#^23.1.0 * @vaadin/vaadin-themable-mixin#^23.1.0

vcf-lookup-field version 23.1.1
### Dependencies * @polymer/polymer#^3.4.1 * @vaadin-component-factory/vcf-enhanced-dialog#^23.0.2 * @vaadin/button#^23.1.0 * @vaadin/combo-box#^23.1.0 * @vaadin/component-base#^23.1.0 * @vaadin/grid#^23.1.0 * @vaadin/horizontal-layout#^23.1.0 * @vaadin/icon#^23.1.0 * @vaadin/icons#^23.1.0 * @vaadin/notification#^23.1.0 * @vaadin/text-field#^23.1.0 * @vaadin/vaadin-lumo-styles#^23.1.0 * @vaadin/vaadin-themable-mixin#^23.1.0

vcf-lookup-field version 23.1.2
### Dependencies * @polymer/polymer#^3.4.1 * @vaadin-component-factory/vcf-enhanced-dialog#^23.1.1 * @vaadin/button#^23.1.0 * @vaadin/combo-box#^23.1.0 * @vaadin/component-base#^23.1.0 * @vaadin/grid#^23.1.0 * @vaadin/horizontal-layout#^23.1.0 * @vaadin/icon#^23.1.0 * @vaadin/icons#^23.1.0 * @vaadin/notification#^23.1.0 * @vaadin/text-field#^23.1.0 * @vaadin/vaadin-lumo-styles#^23.1.0 * @vaadin/vaadin-themable-mixin#^23.1.0

vcf-lookup-field version 23.2.0
### Dependencies * @polymer/polymer#^3.4.1 * @vaadin/button#^23.2.4 * @vaadin/combo-box#^23.2.4 * @vaadin/component-base#^23.2.4 * @vaadin/dialog#^23.2.5 * @vaadin/grid#^23.2.4 * @vaadin/horizontal-layout#^23.2.4 * @vaadin/icon#^23.2.4 * @vaadin/icons#^23.2.4 * @vaadin/notification#^23.2.4 * @vaadin/text-field#^23.2.4 * @vaadin/vaadin-lumo-styles#^23.2.4 * @vaadin/vaadin-themable-mixin#^23.2.4

vcf-lookup-field version 23.2.3
### Dependencies * @polymer/polymer#^3.4.1 * @vaadin/button#^23.2.4 * @vaadin/combo-box#^23.2.4 * @vaadin/component-base#^23.2.4 * @vaadin/dialog#^23.2.5 * @vaadin/grid#^23.2.4 * @vaadin/horizontal-layout#^23.2.4 * @vaadin/icon#^23.2.4 * @vaadin/icons#^23.2.4 * @vaadin/notification#^23.2.4 * @vaadin/text-field#^23.2.4 * @vaadin/vaadin-lumo-styles#^23.2.4 * @vaadin/vaadin-themable-mixin#^23.2.4