Chat implementation with virtual scroll, infinite scroll and scrolling from bottom to top
vcf-chat Web Component
<vcf-chat> is a Web Component chat implementation with virtual and infinite scroll. vcf-chat uses vcf-avatar to show senders/recippients avatars. New messages apears in a bootom of message list.
<vcf-chat lazy-load-trigger-offset="300"> <div class="loading-indicator" slot="loading-indicator"> Loading.. </div> </vcf-chat>
This components is distributed as Bower packages.
Polymer 2 and HTML Imports compatible version
bower i vaadin/vcf-chat --save
Once installed, import it in your application:
<link rel="import" href="bower_components/vcf-chat/vcf-chat.html">
Vaadin components use the Lumo theme by default.
The file structure for Vaadin components
Component with Lumo theme.
Alias for theme/lumo/vcf-chat.html
Running demos and tests in browser
vcf-chatrepository and clone it locally.
Make sure you have npm installed.
When in the
npm installand then
bower installto install dependencies.
polymer serve --open, browser will automatically open the component API documentation.
You can also open demo or in-browser tests by adding demo or test to the URL, for example:
Running tests from the command line
- When in the
Following the coding style
gulp lint, which will automatically lint all
- Make sure your code is compliant with our code linters:
- Check that tests are passing:
- Submit a pull request with detailed title and description
- Wait for response from one of Vaadin components team members
This component is available in Vaadin Prime subscription. It is still open source, but you need to have a valid CVAL license in order to use it. Read more at: https://vaadin.com/pricing
Commercial Vaadin Add-on License version 3 (CVALv3). For license terms, see LICENSE.
Vaadin collects development time usage statistics to improve this product. For details and to opt-out, see https://github.com/vaadin/vaadin-usage-statistics.